【技术】让IE兼容background-size
2015-01-15 12:04
295 查看
<div class="annual_meeting_bg1"></div>
<div class="annual_meeting_bg2"></div>
<div class="annual_meeting_bg3"></div>
.annual_meeting_bg1,.annual_meeting_bg3{ width:100%; height:164px;}
.annual_meeting_bg2{ width:100%; height:163px;}
.annual_meeting_bg1{ background:url(../images/annual_meeting_bg1.jpg) no-repeat center 0;background-size: 100% 100%;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/annual_meeting_bg1.jpg', sizingMethod='scale')\9; }
.annual_meeting_bg2{ background:url(../images/annual_meeting_bg2.jpg) no-repeat center 0;background-size: 100% 100%;}
.annual_meeting_bg3{ background:url(../images/annual_meeting_bg3.jpg) no-repeat center 0;background-size: 100% 100%;}
注:头部背景1920px,水平三等分;\9表示表示兼容ie9以下。
或:
max-width:100%;
<div class="annual_meeting_bg2"></div>
<div class="annual_meeting_bg3"></div>
.annual_meeting_bg1,.annual_meeting_bg3{ width:100%; height:164px;}
.annual_meeting_bg2{ width:100%; height:163px;}
.annual_meeting_bg1{ background:url(../images/annual_meeting_bg1.jpg) no-repeat center 0;background-size: 100% 100%;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/annual_meeting_bg1.jpg', sizingMethod='scale')\9; }
.annual_meeting_bg2{ background:url(../images/annual_meeting_bg2.jpg) no-repeat center 0;background-size: 100% 100%;}
.annual_meeting_bg3{ background:url(../images/annual_meeting_bg3.jpg) no-repeat center 0;background-size: 100% 100%;}
注:头部背景1920px,水平三等分;\9表示表示兼容ie9以下。
或:
max-width:100%;
相关文章推荐
- 让IE兼容background-size的方法_background-size ie下使用
- 解决ie 低版本的 background-size 兼容问题
- background-size兼容ie7/8
- background-size兼容ie
- css3的background-size兼容IE低版本
- css3 background-size属性--ie兼容
- ie9以下兼容background-size属性
- IE中使用font-size来调整element大小,显示background-image
- IE8兼容background-size
- ie8兼容background-size属性
- background-size: contain 与cover的区别,以及ie78的兼容写法
- 背景图片background-size兼容ie8以下浏览器解决
- 浏览器兼容之background-size
- background-size 兼容ie8
- ie8兼容background-size
- 解决ie下部支持background-size:100%;属性的方法
- IE下滤镜实现background-size效果
- User select font-face/color/size/backgroundColor设置 字体,颜色,大小,背景色兼容主流浏览器
- 【技术】解决IE(IE6/IE7/IE8)不兼容HTML5标签的方法
- background-size IE8兼容方案