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