ie6,ie7,ie8,谷歌瀏覽器,火狐瀏覽器
至於我們常用的瀏覽器的遨遊瀏覽器,qq,360採用的是計算機系統自帶的瀏覽器核心,所有只要相容以上幾類瀏覽器即可相容這些瀏覽器
css hack是通過在css樣式中加入一些特殊符號,讓不同的瀏覽器識別不同的符號(什麼瀏覽器識別什麼樣的符號都是有自己一套標準),以達到應用不同的css樣式的目的
例如
在ie6環境下測試下測試,最終顯示的寬度為200px,_width只有ie6能識別。
css hack還可以用來解決有些屬性在不同瀏覽器顯示不一致的問題。
1.屬性級hack 比如ie6能識別"_"和"*",ie7能識別"*",而火狐兩者都不能識別。
2.選擇器級hack,例如ie6能識別*html{};ie7能識別*+html{}或者*:first-child{}
html
*html
3.ie條件注釋hack
這個是微軟從ie5開始提供的一套非邏輯語言
例如:if ie]>**->endif]->
注意:條件注釋只有在ie條件下才能正常執行,在非ie下會當做注釋而忽略掉,我們可以通過注釋來載入不同注釋來載入不同的css,js,html和伺服器**。
屬性級hack具體表現:
color:red;所有瀏覽器都能夠識別
_color:red;只有ie6能識別
*color:red;只有ie6,ie7能識別
+color:red;只有ie6,ie7識別
*+color:red;只有ie6,ie7能識別
[color:red;只有ie6,ie7能識別
color:red\9;只有ie6,ie7,ie8,ie9能識別
color:red\9\0;只有ie8,ie9能識別
color:red !important;只有ie6識別不出來,其他都可以
*html #demo;只有ie6能識別
*+html #demo;只有ie7能識別
body:nth-of-type(1) #demo{};ie9+,ff3.5+,谷歌瀏覽器等都能識別
head:first-child+baody #ie7,ff+等都能識別
:root #demo()只有ie9能識別出來
if ie]>此處只有ie可見endif]-->
if ie 6]>此處只有ie6可見endif]-->
if ie 7]>此處只有ie7可見endif]-->
if !ie 6>非ie6的瀏覽器可見endif]-->
if gt ie 6>此處了除了ie6以上版本可見endif]-->
if lt ie 8>此處了小於ie8以上版本可見endif]-->
if !ie>非ie瀏覽器可見endif]-->
HTML5學習 day12 1 html布局
傳統web設計,不管瀏覽器具體是多少,網頁的布局就一直會按照最開始的布局來顯示。特點 固定死寬高。定義 就是為不同的螢幕解析度來定義不同的布局,並且在每個布局中頁面元素不隨視窗的大小而改變。其實質可以看做是靜態布局的乙個系列。也就是你看到的頁面,頁面的元素位置會發生變化,而大小不會發生變化 定義 實...
html5學習筆記day05
1.css選擇器 1 基本選擇器 2 層次選擇器 3 屬性選擇器 first name 4 偽類選擇器 hover first child last child nth child nth last child 5 偽元素選擇器 before after first letter first lin...
HTML5 學習筆記 day1
attribute和property 1.什麼是attribute?什麼是property?html預定義屬性和自定義屬性,統稱為attribute js原生物件的直接屬性,統稱為property 每乙個預定義的attribute都會有乙個property與之對應 2.什麼是布林值屬性?什麼是非布林...