互聯網應用服務提供商!    全國售前咨詢:010-69632027/13241022177懷柔巨優網絡

建站指南

公司新聞

公司公告

行業新聞

客戶動態

建站指南

懷柔做網站

常用資料

網絡營銷

網站優化

售前咨詢
致電 010-69632027

售后服務
郵箱:[email protected]

在線咨詢
懷柔巨優網絡

公司地址
懷柔富樂北里113號

時間:2018-05-15 14:25來源:懷柔網站建設作者:懷柔網頁設計懷柔網站優化

在HTML5+CSS3前端開發中經常用到background對網頁背景進行自適應或匹配或瀏覽器兼容性,就會用到background中的size描述,直接上干貨:

CSS3中關于background-size的解釋與應用!

background-size: auto | <長度值> | <百分比> | cover | contain

1、auto:默認值,不改變背景圖片的原始高度和寬度;

2、<長度值>:成對出現如200px 50px,將背景圖片寬高依次設置為前面兩個值,當設置一個值時,將其作為圖片寬度值來等比縮放;

3、<百分比>:0%~100%之間的任何值,將背景圖片寬高依次設置為所在元素寬高乘以前面百分比得出的數值,當設置一個值時同上;

4、cover:顧名思義為覆蓋,即將背景圖片等比縮放以填滿整個容器;

5、contain:容納,即將背景圖片等比縮放至某一邊緊貼容器邊緣為止。

IE7,8

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='11.gif', sizingMethod='scale');

 

background-size: cover;  //只支持IE9+ 

-webkit-background-size: cover; //webkit核心 

-moz-background-size: cover; //FF核心 

-o-background-size: cover; //Opera  

巨優網絡微信,巨優網絡微博

巨優網絡網站建設為懷柔區企業提供網站建設服務,是一家從事懷柔網站建設、懷柔網站制作、懷柔網站優化公司,為懷柔區各單位提供完善的網站建設解決方案,推動懷柔網站建設服務業務的發展!懷柔做網站,懷柔做網站公司,選巨優網絡!咨詢熱線:010-69632027

  懷柔網站建設優秀提供商-APP建站--微信營銷-手機網站

巨優簡介|如何合作|新浪微薄|騰訊微薄|提交網站需求|聯絡方式|有問必答

全國統一咨詢服務

010-69632027  13241022177

fg天天捕鱼漏洞