打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
如何让IE8支持css3属性

border-radius/box-shadow/gradient

圆角、盒子阴影、渐变这几个属性可以使用 ie-css3.htc来实现IE低版本的兼容,CSS代码如下: 
.pie_radius{ 
width:360px; 
height:200px; 
background-color:#34538b; 
-moz-border-radius:8px; 
-webkit-border-radius:8px; 
border-radius:8px; 
position:relative; 
behavior:url(pie.htc); 
}

background-size

ie6,ie7,ie8下对css background-size并不支持,导致不可以控制背景图片的大小样式。如果要让背景图片完全填充div,在css中添加如下代码: 
div.a{ 
width: 1440px; 
height: 667px; 
background:url(slide-bg.jpg) top left no-repeat; 
-ms-background-size:cover; 
background-size:cover; 
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( 
src=’slide-bg.jpg’, 
sizingMethod=’scale’); 
}

nth-child/last-child

利用ie8支持first-child来选择第一个,利用ie8支持相邻选择器来选第二个第三个,选择第二个,li:first-child + li, 同理,第三个可以这样选:li:first-child +li +li;

1、:first-child是CSS2选择器;:last-child是CSS3选择器 
2、:before和:after是CSS2选择器;::before和::after是css3选择器

3、给input设置readyonly属性时,在IE浏览器还是会显示光标。解决方法:同时给input设置unselectable='on'。

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
CSS3 选择器
1 x证书Web前端开发初级理论考试试卷三(1)
前端代码标准最佳实践:CSS篇
零基础十天精通CSS3
LESS介绍及其与Sass的差异前端观察 | Resource | 前端观察
Less介绍及其与Sass的差异
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服