文件css不适用于IE 8中win xp，9 win 7

Question

我有一个CSS文件的问题。该CSS文件不适用于Win XP中的IE8和Win 7中的IE 9，但在Win 8，Win 7中的IE 10以及Firefox和Chrome中均可正常工作。请让我知道如何使它适用于所有版本。当我查看源代码时，CSS文件存在，但它不适用于页面 感谢大家阅读。

Answer 1

有些时候我们必须在css代码中做一些技巧才能在IE古代版本和其他浏览器中工作。

例如，在元素上应用的不透明度，我通常做：

.withOpacity { 

    /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; 
    /* IE 5-7 */ 
    -webkit-filter: alpha(opacity=60); 
    -moz-filter: alpha(opacity=60); 
    -o-filter: alpha(opacity=60); 
    filter: alpha(opacity=60); 

    /* Netscape */ -moz-opacity: 0.6; 
    /* Safari 1.x */ -khtml-opacity: 0.6; 
    /* Good browsers */ 
    -ms-opacity: 0.6; 
    opacity: 0.6; 
} 

所以，opacity属性是万能，但有时要支持一些浏览器之前一定要加入相应的前缀。例如，看看this page更好理解。

有时候，迫使IE古老的版本适用，我们必须加入物业前* CSS属性，只是这就够了，像这样的：

.smallElement 
{ 
    width: 20px; 
    *width: 20px 
} 

而且例如，创建一个必填字段指示器我通常这样做：

.fieldRequired:after, 
.requiredIndicator 
{ 
    content: "*"; 
    color: red; 
    vertical-align: top 
} 

.fieldRequired 
{ 
    zoom: expression(this.doneReq ? '1' : (
     function(el) {el.innerHTML += '<span title="This is a required field!" class="requiredIndicator">*</span>'; return el.doneReq=true;})(this)); 
} 

换言之，该IE古老的版本不能在.fieldRequired:after应用CSS代码，所以用在.fieldRequired类创建的表达/功能我们结合相同b HTML代码的行为。