css實現相容各個瀏覽器的技巧

2022-03-28 03:01:52 字數 671 閱讀 5630

ie6雙倍邊距問題

在ie6中檢視時,卻會發現左側外邊距100畫素,被擴大到200個畫素,加上display: inline可解決;

.floatbox

解決ie6不支援position:fixed;屬性

常規 position:fixed; 實現方法

例:右下角 ...

這個 html 元素使用的 css **如下:

#top

實現讓 ...

元素固定在瀏覽器的底部和距離右邊的10個畫素。

在 ie6中實現 position:fixed; 的辦法

#top

這兩段**只能實現在最底部跟最頂部,可以使用 _margin-top:10px; 或者 _margin-bottom:10px; 修改其中的數值控制元素的位置

position:fixed; 閃動問題

用了上面的辦法後,會發現:被固定定位的元素在滾動滾動條的時候會閃動。解決閃動問題的辦法是在 css 檔案中加入:

*html

其中 * 是給 ie6 識別的。

js解決ie相容性

使ie5,ie6相容到ie7模式(推薦)

使ie5,ie6,ie7相容到ie8模式

使ie5,ie6,ie7,ie8相容到ie9模式

降級ie版本為7.0

另外;

CSS不同瀏覽器間相容技巧

當你想在乙個瀏覽器裡改變樣式而不像在其他瀏覽器中改變時,這些選擇器很有用。ie6以下 example source code www.52css.com html ie 7 以下 example source code www.52css.com first child html html 只對ie...

瀏覽器CSS相容

一 important 在ie6及ff中的使用 box1 box1 important是說這個設定有優先順序,ie碰到 important不會出錯只是忽略他的功能,假如後面又設定了width,ie會以最後設定的 width為準,假如後面再沒有其它設定,則會用當前這個值,也就是前面的 importan...

IE與FF瀏覽器CSS相容技巧

一 important 在ie6及ff中的使用 box1 box1 模板無憂 mb5u com important是說這個設定有優先順序,ie碰到 important不會出錯只是忽略他的功能,假如後面又設定了width,ie會以最後設定的 width為準,假如後面再沒有其它設定,則會用當前這個值,也...