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ブラウザでしか読めません
3、cssの中
とfloat:leftでは効果が異なります
このコードは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では効果が異なります