cssマルチブラウザの互換性の問題

924 ワード

1、IE 6、IE 7、Firefox互換性の最も簡単なCSS Hackを解決して3つのコードを書いて1つの属性を制御して、Firefox、IE 7、IE 6:background:orange;background:green !important;*background:blue;
このコードはFirefoxで背景がオレンジ色になります.IE 7では緑色である.IE 6では青です.
道理は以下の通りで、Firefoxは*を認識できないので、後の2つの文はすべて実行しないで、直接第1文を実行します;
IE 7は3つとも認識できるが、2番目の文importantの役割があるため、2番目の文コードが実行される.
IE 6は認識できません!imprtantは、最新の原則に従って、当然最後の一言を実行した.
2、Googleでしか認識できないcss.history-date ul li .h 3 Googleブラウザでしか読めません
 @media screen and (-webkit-min-device-pixel-ratio:0) {      

     .history-date ul li .h3 {         
       color: #999;              
         padding-right: 3px;  
              padding-left: 0px; 
               padding-top: 10px;   
             background-color: #fff;  
              border-radius: 5px;    
        }   
} 

3、cssの中
とfloat:leftでは効果が異なります