国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

自我總結CSS中的陷阱(長期更新)

iliyaku / 2407人閱讀

摘要:低版本萬惡的不支持通過解決,或者是。不支持動畫屬性通過解決下雙倍邊距問題通過解決。簡單的解決方案時為相對定位的框設置寬度和高度。不能寫進一個聲明中。

低版本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動畫屬性: 通過http://gucong3000.github.io/transform/解決;

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

IE6下非a標簽的:hover偽類無效:通過JS操作解決

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

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

這樣寫的話會出現黑邊,
解決方案是使用

doshed:border-style:dashed dashed solid dashed ;

IE6下絕對定位的bug

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

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

IE不識別min-這個定義,實際上它把正常的width和height當作有min的情況來使用的。

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

注意 height一定要在_height之前。

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

IE6下這個問題是因為默認的行高造成的,解決的方法也有很多,
例如:overflow:hidden | zoom:1 | line-height:1px

IE6下為什么圖片下有空隙產生?

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

IE7以下不支持display:inline-block

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

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

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

第二種:

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

注意這兩個 display要先后放在兩個CSS聲明中才有效果,這是IE的一個經典bug,如果先定義了display:inline-block,然后再將 display設回inline或block,layout不會消失。不能寫進一個聲明中。

另外:input、select、button、textarea的默認display皆為inline-block,所以    在布局時應加以注意...
其他bug

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

原因:z-index導致,使用如下嵌入方式。并用wmode="Transparent"

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

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

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

相關文章

  • Java核心技術教程整理,長期更新

    以下是Java技術棧微信公眾號發布的關于 Java 的技術干貨,從以下幾個方面匯總。 Java 基礎篇 Java 集合篇 Java 多線程篇 Java JVM篇 Java 進階篇 Java 新特性篇 Java 工具篇 Java 書籍篇 Java基礎篇 8張圖帶你輕松溫習 Java 知識 Java父類強制轉換子類原則 一張圖搞清楚 Java 異常機制 通用唯一標識碼UUID的介紹及使用 字符串...

    Anchorer 評論0 收藏0
  • JS 一定要放在 Body 的最底部么?聊聊瀏覽器的渲染機制

    摘要:所以,拋開這些歧義和陷阱,我的問題變成了標簽的位置會影響首屏時間么然而答案并不是那么顯而易見,這得從瀏覽器的渲染機制說起。 說明: 本文提到的瀏覽器均是指Chrome。 script標簽指的都是普通的不帶其他屬性的外聯javascript。 web性能優化的手段并不是非黑即白的,有些手段過頭了反而降低性能,所以在討論條件和結論的時候,雖然很多條件本身會帶來其他細微的負面或正面影響,為...

    VincentFF 評論0 收藏0
  • 前端文檔收集

    摘要:系列種優化頁面加載速度的方法隨筆分類中個最重要的技術點常用整理網頁性能管理詳解離線緩存簡介系列編寫高性能有趣的原生數組函數數據訪問性能優化方案實現的大排序算法一怪對象常用方法函數收集數組的操作面向對象和原型繼承中關鍵詞的優雅解釋淺談系列 H5系列 10種優化頁面加載速度的方法 隨筆分類 - HTML5 HTML5中40個最重要的技術點 常用meta整理 網頁性能管理詳解 HTML5 ...

    jsbintask 評論0 收藏0
  • 前端文檔收集

    摘要:系列種優化頁面加載速度的方法隨筆分類中個最重要的技術點常用整理網頁性能管理詳解離線緩存簡介系列編寫高性能有趣的原生數組函數數據訪問性能優化方案實現的大排序算法一怪對象常用方法函數收集數組的操作面向對象和原型繼承中關鍵詞的優雅解釋淺談系列 H5系列 10種優化頁面加載速度的方法 隨筆分類 - HTML5 HTML5中40個最重要的技術點 常用meta整理 網頁性能管理詳解 HTML5 ...

    muddyway 評論0 收藏0

發表評論

0條評論

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