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

資訊專欄INFORMATION COLUMN

自我總結(jié)CSS中的陷阱（長(zhǎng)期更新）

iliyaku / 2437人閱讀

摘要：低版本萬惡的不支持通過解決，或者是。不支持動(dòng)畫屬性通過解決下雙倍邊距問題通過解決。簡(jiǎn)單的解決方案時(shí)為相對(duì)定位的框設(shè)置寬度和高度。不能寫進(jìn)一個(gè)聲明中。

低版本IE bug 萬惡的IE6/7

IE6 position:fixed不支持：通過css expression解決，或者是_position:absolute。

* html, 
* html body {
          background-image: url(about:blank);background-attachment: fixed;
}

* html #menu {
          position: absolute;bottom: auto;top: expression(100+((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+"px");
}

IE6 png24 : 通過DD_belatedPNG.js解決。

IE678不支持css3動(dòng)畫屬性: 通過http://gucong3000.github.io/transform/解決；

IE6下雙倍邊距問題： 通過*display:inline解決。

IE6下非a標(biāo)簽的:hover偽類無效：通過JS操作解決

IE6下用border屬性寫三角形
如果用

          border-width:10px;
          border-color: transparent  transparent transparent transparent;
          border-style:solid;

這樣寫的話會(huì)出現(xiàn)黑邊，
解決方案是使用

doshed：border-style:dashed dashed solid dashed ;

IE6下絕對(duì)定位的bug

相對(duì)于相對(duì)定位的祖先元素對(duì)框進(jìn)行絕對(duì)定位，這在大多數(shù)現(xiàn)代瀏覽器中實(shí)現(xiàn)得很好。但是，在windows上的IE5.5和IE6中有一個(gè)BUG，如果試圖相對(duì)于相對(duì)定位的框的右邊或底部設(shè)置絕對(duì)定位的框的位置，那么需要確保相對(duì)定位的框已經(jīng)設(shè)置了尺寸。如果沒有，那么IE會(huì)相對(duì)于畫布定位這個(gè)框。簡(jiǎn)單的解決方案時(shí)為相對(duì)定位的框設(shè)置寬度和高度。

怎樣讓ie瀏覽器支持最小高度

IE不識(shí)別min-這個(gè)定義，實(shí)際上它把正常的width和height當(dāng)作有min的情況來使用的。

min-height:200px;
height:auto;
_height:200px;

注意 height一定要在_height之前。

無法定義1px左右高度的容器

IE6下這個(gè)問題是因?yàn)槟J(rèn)的行高造成的,解決的方法也有很多,
例如:overflow:hidden | zoom:1 | line-height:1px

IE6下為什么圖片下有空隙產(chǎn)生？

解決方法是可以改變html的排版，或者設(shè)置img為display:block
或者設(shè)置vertical-align屬性為vertical-align:top|bottom|middle|text-bottom;

IE7以下不支持display:inline-block

解決方案：
第一種：專門為IE7寫Hack

 display:inline-block;
 *display:inline;
 *zoom:1;

特別是 ZOOM:1 這個(gè)必須的(觸發(fā)haslayout)

第二種：

.selector { display: inline-block }
.selector { *display: inline }

注意這兩個(gè) display要先后放在兩個(gè)CSS聲明中才有效果，這是IE的一個(gè)經(jīng)典bug，如果先定義了display:inline-block，然后再將 display設(shè)回inline或block，layout不會(huì)消失。不能寫進(jìn)一個(gè)聲明中。

另外：input、select、button、textarea的默認(rèn)display皆為inline-block,所以    在布局時(shí)應(yīng)加以注意...
其他bug

火狐下鏈接視頻顯示不出來

原因：z-index導(dǎo)致，使用如下嵌入方式。并用wmode="Transparent"

IE9一下不支持input:disabled的樣式修改 IE7下直接使用jquery blur無效，通過settimeout設(shè)置blur()即可

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

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

相關(guān)文章

  • Java核心技術(shù)教程整理，長(zhǎng)期更新

    以下是Java技術(shù)棧微信公眾號(hào)發(fā)布的關(guān)于 Java 的技術(shù)干貨，從以下幾個(gè)方面匯總。 Java 基礎(chǔ)篇 Java 集合篇 Java 多線程篇 Java JVM篇 Java 進(jìn)階篇 Java 新特性篇 Java 工具篇 Java 書籍篇 Java基礎(chǔ)篇 8張圖帶你輕松溫習(xí) Java 知識(shí) Java父類強(qiáng)制轉(zhuǎn)換子類原則 一張圖搞清楚 Java 異常機(jī)制 通用唯一標(biāo)識(shí)碼UUID的介紹及使用 字符串...

    Anchorer 評(píng)論0 收藏0

  • JS 一定要放在 Body 的最底部么？聊聊瀏覽器的渲染機(jī)制

    摘要：所以，拋開這些歧義和陷阱，我的問題變成了標(biāo)簽的位置會(huì)影響首屏?xí)r間么然而答案并不是那么顯而易見，這得從瀏覽器的渲染機(jī)制說起。 說明： 本文提到的瀏覽器均是指Chrome。 script標(biāo)簽指的都是普通的不帶其他屬性的外聯(lián)javascript。 web性能優(yōu)化的手段并不是非黑即白的，有些手段過頭了反而降低性能，所以在討論條件和結(jié)論的時(shí)候，雖然很多條件本身會(huì)帶來其他細(xì)微的負(fù)面或正面影響，為...

    VincentFF 評(píng)論0 收藏0

  • 前端文檔收集

    摘要：系列種優(yōu)化頁面加載速度的方法隨筆分類中個(gè)最重要的技術(shù)點(diǎn)常用整理網(wǎng)頁性能管理詳解離線緩存簡(jiǎn)介系列編寫高性能有趣的原生數(shù)組函數(shù)數(shù)據(jù)訪問性能優(yōu)化方案實(shí)現(xiàn)的大排序算法一怪對(duì)象常用方法函數(shù)收集數(shù)組的操作面向?qū)ο蠛驮屠^承中關(guān)鍵詞的優(yōu)雅解釋淺談系列 H5系列 10種優(yōu)化頁面加載速度的方法 隨筆分類 - HTML5 HTML5中40個(gè)最重要的技術(shù)點(diǎn) 常用meta整理 網(wǎng)頁性能管理詳解 HTML5 ...

    muddyway 評(píng)論0 收藏0

  • 前端文檔收集

    摘要：系列種優(yōu)化頁面加載速度的方法隨筆分類中個(gè)最重要的技術(shù)點(diǎn)常用整理網(wǎng)頁性能管理詳解離線緩存簡(jiǎn)介系列編寫高性能有趣的原生數(shù)組函數(shù)數(shù)據(jù)訪問性能優(yōu)化方案實(shí)現(xiàn)的大排序算法一怪對(duì)象常用方法函數(shù)收集數(shù)組的操作面向?qū)ο蠛驮屠^承中關(guān)鍵詞的優(yōu)雅解釋淺談系列 H5系列 10種優(yōu)化頁面加載速度的方法 隨筆分類 - HTML5 HTML5中40個(gè)最重要的技術(shù)點(diǎn) 常用meta整理 網(wǎng)頁性能管理詳解 HTML5 ...

    jsbintask 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

閱讀需要支付1元查看
<