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'。