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...