html相容ie瀏覽器的寫法

2022-09-02 07:18:08 字數 1569 閱讀 3824

doctype html

>

<

html

lang

="zh-cn"

>

<

head

>

<

meta

charset

="utf-8"

>

<

title

>

title

>

head

>

<

body

>

body

>

html

>

這個其實有好幾種不同的版本,按個人的需求來定吧,本人在不同階段也使用了不同的版本,最終確認為這個版本。其中.no-css3用來表示 ie6-8不支援css3的樣式,對於漸進增加方面,可以高階瀏覽器使用css3,ie6-8使用.no-css3這個class來定位使用背景,而 對於ie8支援的:before和:after生成的三角,則可以使用.lt7來表示ie7及ie6使用背景。

再次更新下,因為考慮到國內瀏覽器還是ie6比較多,所以把順序排列了下,然後只針對非ie6,7,8進行判斷

doctype html

>

<

html

lang

="zh-cn"

>

<

head

>

<

meta

charset

="utf-8"

>

<

title

>

title

>

head

>

<

body

>

body

>

html

>

2013-01-05更新:新增ie9,把no-css3 class改成lte8

doctype html

>

<

html

lang

="zh-cn"

>

<

head

>

<

meta

charset

="utf-8"

>

<

title

>

title

>

head

>

<

body

>

body

>

html

>

以上是網上**的,咱們實際使用中的可以考慮的更簡單

doctype html

>

<

html

class

=""lang

="zh-cn"

>

這樣就可以了,例如當類a某個樣式在ie8上有問題時,就可以寫成

.ie8 .a{}

相容ie瀏覽器的寫法

使用者使用的瀏覽器五花八門,我們要保證每一種瀏覽器都能相容我們的 不能要求使用者去改變瀏覽器,那麼就得在我們的 上下功夫。此時我們要用到hack。hack就是針對不同的瀏覽器寫不同的html css樣式,從而使各種瀏覽器達到一致的渲染效果。下面我們就分別了解一下html的hack和css的hack。...

ie瀏覽器相容筆記

ie低版本瀏覽器預設很多標籤是自帶樣式的。ul預設室友padding left 40px li標籤的預設樣式是跟其他瀏覽器不一樣的。預設帶有左邊距16px左右,設定屬性如下即可解決list style position outside position後記得在relative屬性的元素設定浮層 z ...

ie瀏覽器相容筆記

某某 經理讓你相容ie瀏覽器 我的內心 1.html 寫法不標準。有的html 不夠嚴謹,就會造成在ie瀏覽器下各種的問題。比如標題,最好不要直接用li標籤,最好外面有個div包裹,li列表外面需要有ul標籤包裹。應該載入一段公共css 去除某些樣式的預設初始屬性。body,div,dl,dt,dd...