Файл css не применяется в IE 8 в win xp, 9 в win 7

Question

У меня проблема с файлом CSS. Файл CSS не работает с IE8 в Win XP и IE 9 в Win 7, но отлично работает в Win 8, IE 10 в Win 7 и 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 не может применить код CSS на .fieldRequired:after, так и с выражением/функции, созданной в .fieldRequired классе мы связываем тот же б ehavior с кодом html.