IE8 JQuery1 12 4 相容之旅

2021-10-06 20:07:52 字數 647 閱讀 2886

公司的產品大部分的使用者可能還在使用ie8,無奈相容ie8重構中,其實對於相容ie8沒有太多的抗拒,這麼久了網上關於如何相容ie的資料比較多,整體看來沒有什麼特別大的坑。

其他的內容就靠自己手寫啦!

使用html或服務端模板渲染,會帶來**結構的問題,建議可採用iframe的形式載入新的頁面。

這個相對比較簡單,只要在html body標籤下新增以下內容:

.menu-list-container

.menu-list-container::-webkit-scrollbar

這裡需要注意下ie8的滾動條隱藏比較麻煩,需要用div巢狀遮擋的方式,感覺沒有必要,故ie8下這個解決方案是有問題的

.detail-container

.detail-container iframe

清除ie8下的iframe邊框需要額外為iframe標籤新增如下屬性:

frameborder

="0"

>

iframe

>

處理ie8相容

1.ie8換成edge模式渲染 x ua compatible content ie edge 2.x ua compatible是針對ie8新加的乙個設定,對於ie8之外的瀏覽器是不識別的,這個區別與content ie 7 在無論頁面是否包含指令,都像是使用了 windows internet ...

IE6 IE7 IE8 FF相容符號

2.區別ie8 ie9 一般來說,我們寫的結構比較好的時候,ie8 9下是沒區別的.所以可能很少人關注只有ie8或只有ie9才識別的css hack.因為ie8及以下版本是不支援css3的,但是我們如果使用css3,在ie下ie9正常渲染,但我們又想讓ie8及以下的瀏覽器實現同樣的效果,且不希望使用...

IE8下相容background size方法

background size length percentage cover contain ie9 firefox 4 opera chrome 以及 safari 5 支援 background size 屬性。css3 新增的 background size 是乙個很有用的屬性,用於定義背景...