css 實現背景圖片展開

來源:互聯網
上載者:User
使用css3 屬性:background-size

background-size:cover 即可實現像案頭壁紙一樣展開

以下是w3c上面的解釋:

文法
background-size: length|percentage|cover|contain;值 描述
length 設定背景映像的高度和寬度。

第一個值設定寬度,第二個值設定高度。

如果只設定一個值,則第二個值會被設定為 "auto"。

percentage 以父元素的百分比來設定背景映像的寬度和高度。

第一個值設定寬度,第二個值設定高度。

如果只設定一個值,則第二個值會被設定為 "auto"。

cover 把背景映像擴充至足夠大,以使背景映像完全覆蓋背景地區。

背景映像的某些部分也許無法顯示在背景定位地區中。

contain 把映像映像擴充至最大尺寸,以使其寬度和高度完全適應內容地區。

  • 相關文章

    A Free Trial That Lets You Build Big!

    Start building with 50+ products and up to 12 months usage for Elastic Compute Service

    • Sales Support

      1 on 1 presale consultation

    • After-Sales Support

      24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.