inline block在ie6中的經典bug

2021-09-08 10:51:37 字數 405 閱讀 7193

眾所周知,給元素設定 inline-block ,可以讓ie下的元素出發layout:1。

但是,當給元素設定 inline-block 後,在另外乙個class 樣式(非設定inline-block的class樣式)重置為inline或者block。對於ie6下,該元素還會保留觸發 layout:1;的效果。

例:left

right

center

在ie6下面會發現中間的模組會和左右模組之間有間距,可以看到白色背景。

這個bug就是inline-block樣式引起的,雖然後來在 .box .center 樣式中重置為block,但是該模組還是保留了layout:1;的屬性。

解決辦法:

uploadify在IE6下的問題

上傳外掛程式uploadify,在ie8下執行的沒有問題。轉到ie6下時,就不能上傳了。把瀏覽器的 檢查所存網頁的較新版本 設定為 每次訪問網頁時 就沒有問題,如果設定為 自動 ie6下就不能上傳外掛程式正常使用了。原來是瀏覽去快取了一些js或swf的問題。經過測試發現是 uploadify.all...

offsetHeight在FF和IE6中的差異?

先看看簡單的 這是一行高度 div body html 1.在火狐3裡面,的到的是16px,解釋下,div裡面套著文字,實際中這樣考慮,產生乙個匿名盒子裡面放置文字 這是一行高度 由於行高為14px 那麼這個匿名盒子高度為14px 所以最終的 offsetheight 14px 1px 2 邊框 1...

讓position fixed在IE6下可用

html,html body html plant header 這兩句是 什麼意思?讓position fixed在ie6下可用 fixed top 頭部固定 fixed bottom 底部固定 fixed left 左側固定 fixed right 右側固定 上面的是除了ie6的主流瀏覽器通用的...