成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

CSS兼容性

wdzgege / 576人閱讀

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

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

文檔類型的聲明

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

解決方法:

在文件開頭寫此說明

橫向雙倍外邊距

在IE6中塊元素浮動后，會出現(xiàn)橫向雙倍margin現(xiàn)象

解決方法:

在float標(biāo)簽的樣式控制中加入display：inline

IE6最小height值19px

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

解決方法

在CSS中加入overflow:hidden

img外部的border

在IE6,7中,img外部有a標(biāo)簽，即img標(biāo)簽有鏈接時,會產(chǎn)生邊框.

解決方法

在CSS樣式中使用border:none

IE6中的透明度設(shè)置

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

解決方法

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

:hover的兼容

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

解決方法

增加 zoom:1的屬性




     hello 顏色 world
關(guān)于CSS Hack

_width--只有IE6支持

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

+width --IE6,7 支持

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/111288.html

相關(guān)文章

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

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

    Maxiye 評論0 收藏0

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

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

    princekin 評論0 收藏0

  • CSS實(shí)現(xiàn)水平垂直居中的1010種方式（史上最全）

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

    YuboonaZhang 評論0 收藏0

  • CSS實(shí)現(xiàn)水平垂直居中的1010種方式（史上最全）

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

    OnlyLing 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<