前端新手 實現ie瀏覽器介面相容所遇的坑

2021-08-07 21:36:49 字數 540 閱讀 8969

頁面標籤請務必引入下行**,可實現讓ie瀏覽器以最高版本的渲染引擎進行頁面渲染。——相信很多小夥伴都熟悉了這個meta

這就避免出現以下坑爹情況:ie版本很高,但介面可能還是以低版本進行渲染。像我之前忘設定了,測試那邊反饋給我在ie11瀏覽器中還彈出進行版本公升級的提示。               

2. 使用hack手段,針對不同瀏覽器設定不同的樣式展示

使用案例:

使用案例:

//重點:注意

對需要在ie8以下顯示的樣式,只需要在css選擇器前面加上 .lte_ie7 即可

解決這種情況的方法不止著一種,還可以用js**判斷ie瀏覽器的版本,並未不同版本設定樣式。

所以,這裡面的關鍵就是:

要在hack注釋之前配置。

實現IE瀏覽器相容placeholder效果

placeholder是html5的屬性之一,在不同的瀏覽器 支援html5的現代瀏覽器 中會有略微不同的顯示效果,在chrome v31.0.1650.63 m firefox v21.0 360安全 v6.3 極速模式 中,輸入欄獲得焦點後,提示文字並不消失,但是ie6 ie9 是不支援plac...

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