我使用过滤器：progid：DX
ImageTransform.Microsoft.gradient获取IE< 9的渐变.
现在,当与阴影或下面的不同背景相结合时,我收到盒子.
现在,当与阴影或下面的不同背景相结合时,我收到盒子.
有没有办法保持向后兼容性,没有条件和外部样式表？
见代码：
.class {
float:left;
border:solid 1px #AAA;
position:absolute;
z-index:1;
text-align:left;
width:350px;
margin: 12px 0px 0px 0px;
background:#FFFFFF;
border-radius:5px;
Box-shadow:5px 5px 5px #BBBBBB;
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f5f5f5,endColorstr=#FFFFFF);
}
<div class="class">this</div>
解决方法
我建议(给所有人！)使用
Paul Irish’s technique看起来像这样：
<!--[if lt IE 7 ]> <body class="ie6"> <![endif]--> <!--[if IE 7 ]> <body class="ie7"> <![endif]--> <!--[if IE 8 ]> <body class="ie8"> <![endif]--> <!--[if IE 9 ]> <body class="ie9"> <![endif]--> <!--[if gt IE 9]> <body> <![endif]--> <!--[if !IE]><!--> <body> <!--<![endif]-->
在你的HTML中
然后在你的CSS中,你可以写下如下：
#someID {
color:lawngreen;
}
.ie6 #someID {
color:lightgoldenrodyellow;
}
.ie8 #someID,.ie9 #someID {
color:saddlebrown;
}
