H5標籤在IE瀏覽器下的相容性問題

2021-09-17 23:46:17 字數 352 閱讀 8172

h5是在ie9以及以上瀏覽器中才支援,ie8及以下不支援h5標籤,但是在ie9瀏覽器中還會存在一些問題

1、ie9中的問題

ie9瀏覽器會將h5部分語義化標籤,解析為行內元素,比如:main標籤。

解決辦法:給main標籤設定display:block樣式

2、ie8及以下的問題

ie8及以下瀏覽器根本不認識h5標籤

解決辦法:

2.1 利用js手動建立標籤,比如:document.createelement(『main』),建立的標籤預設為行內元素,因此需要給標籤樣式設定display:block;

2.2 利用第三方外掛程式:html5shiv.min.js,直接引入即可

ie6瀏覽器相容性

塊狀元素設定float 左浮動或有浮動 並且設定margin值之後,第乙個浮動的元素其左側margin值為正常的2倍,如圖,可以看到第乙個元素的左側邊距於其他元素兩兩之間的邊距一致,也就是其左邊距為正常邊距的兩倍 解決方法 給元素設定display inline即讓元素不為塊狀元素,如圖第乙個元素左...

關於IE瀏覽器相容性的問題

有時候使用其他瀏覽器的時候,需要切換ie的核心 切換方法為 介面 選項下,選擇顯示 切換瀏覽核心按鈕 這樣在瀏覽器搜尋框旁邊會出現切換核心的按鈕 同時關於各大瀏覽器相容性和核心問題,360瀏覽器使用的是ie核心 分為極速模式和相容模式 傲遊瀏覽器可以切換 webkit核心 webkit為瀏覽器核 h...

瀏覽器的相容性

html5有很多新增的標籤,在不支援html5的瀏覽器中不能正常顯示。解決方法 使用html5的靜態資源 加入指令碼 document.createelement建立新的標籤,並display block 設定為塊型別 1 png24位的在ie6瀏覽器上出現背景,解決方案是做成png82 瀏覽器預設...