CSS兼容性

wdzgege 發布于2019-08-28 18:31 / 565人閱讀

摘要：在開發中難免會遇到的兼容問題特別是這個臭蛋蛋今天正好有時間就整理一下平時遇到的兼容問題以及解決方案文檔類型的聲明在中如果沒有書寫這個文檔說明就會進入怪異模式解析現象解決方法在文件開頭寫此說明橫向雙倍外邊距在中塊元素浮動后，會出現橫向雙倍現象

在開發中難免會遇到CSS的兼容問題,特別是IE這個臭蛋蛋,今天正好有時間,就整理一下平時遇到的CSS兼容問題以及解決方案.

文檔類型的聲明

在IE6中如果沒有書寫這個文檔說明,就會進入怪異模式解析現象.

解決方法:

在文件開頭寫此說明

橫向雙倍外邊距

在IE6中塊元素浮動后，會出現橫向雙倍margin現象

解決方法:

在float標簽的樣式控制中加入display：inline

IE6最小height值19px

在IE6中即使設置 height:10px,在IE6中也會是19px

解決方法

在CSS中加入overflow:hidden

img外部的border

在IE6,7中,img外部有a標簽，即img標簽有鏈接時,會產生邊框.

解決方法

在CSS樣式中使用border:none

IE6中的透明度設置

設置透明度時,常常使用rgba()和 opacity 來設置,但是,臭蛋蛋不支持.

解決方法

在CSS樣式中添加 filter:alpha(opacity=50) ,但是此時 opacity的值是1-100的值.

:hover的兼容

在IE6中:hover,:link,:visited ,:active 只能給 a標簽 使用.并且不支持其他偽類.

解決方法

增加 zoom:1的屬性




     hello 顏色 world

關于CSS Hack

_width--只有IE6支持

*width --IE6,7 支持 ,常用

+width --IE6,7 支持

GPU云服務器云服務器服務器css兼容性 css兼容 beta2的CSS兼容性兼容性

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/111288.html

CSS瀏覽器兼容性的4個解決方案：瀏覽器CSS樣式初始化、瀏覽器私有屬性，CSS hack語法和自動

摘要：關于瀏覽器樣式初始化，經驗不豐富的話，可能也不知道該初始化什么，這里給大家推薦一個庫，，數量接近萬，選取展示其中幾個樣式設置，如下通過樣式初始化，相信能解決不少常規的兼容性問題，接下來再看看瀏覽器的私有屬性。前端是一個苦逼的職業，不僅因為技術更新快，而且要會的東西實在太多了（如果全寫出來，那真是一籮筐），更讓人頭疼的是，還要面臨各種適配、兼容性問題。一直以來都是頭痛醫頭腳痛醫腳，沒...

Maxiye 2019-08-30 15:55 評論0 收藏0
CSS瀏覽器兼容性的4個解決方案：瀏覽器CSS樣式初始化、瀏覽器私有屬性，CSS hack語法和自動

摘要：關于瀏覽器樣式初始化，經驗不豐富的話，可能也不知道該初始化什么，這里給大家推薦一個庫，，數量接近萬，選取展示其中幾個樣式設置，如下通過樣式初始化，相信能解決不少常規的兼容性問題，接下來再看看瀏覽器的私有屬性。前端是一個苦逼的職業，不僅因為技術更新快，而且要會的東西實在太多了（如果全寫出來，那真是一籮筐），更讓人頭疼的是，還要面臨各種適配、兼容性問題。一直以來都是頭痛醫頭腳痛醫腳，沒...

princekin 2019-08-23 15:17 評論0 收藏0
CSS實現水平垂直居中的1010種方式（史上最全）

摘要：劃重點，這是一道面試必考題，很多面試官都喜歡問這個問題，我就被問過好幾次了要實現上圖的效果看似很簡單，實則暗藏玄機，本文總結了一下實現水平垂直居中的方式大概有下面這些，本文將逐一介紹一下，我將本文整理成了一個倉庫，歡迎大家僅居中元素定寬高適劃重點，這是一道面試必考題，很多面試官都喜歡問這個問題，我就被問過好幾次了 showImg(https://segmentfault.com/im...

YuboonaZhang 2019-08-29 16:45 評論0 收藏0
CSS實現水平垂直居中的1010種方式（史上最全）

摘要：劃重點，這是一道面試必考題，很多面試官都喜歡問這個問題，我就被問過好幾次了要實現上圖的效果看似很簡單，實則暗藏玄機，本文總結了一下實現水平垂直居中的方式大概有下面這些，本文將逐一介紹一下，我將本文整理成了一個倉庫，歡迎大家僅居中元素定寬高適劃重點，這是一道面試必考題，很多面試官都喜歡問這個問題，我就被問過好幾次了 showImg(https://segmentfault.com/im...

OnlyLing 2019-08-23 11:58 評論0 收藏0