今天做活動頁面時產生的兼容bug，現總結一下

1.背景透明，文字不透明。2.map后圖片有藍線 3.右浮動問題 4.z-index在ie7下問題 5.display:inline-block 間距問題

1.背景問題，代碼如下

html

<div class="bg"><p>這里是不透明的文字啊</p> </div>

css

.bg{ height:60px; width:100%; background-color: rgba(0,0,0,.15)!important; background:#000; filter:Alpha(opacity=15);position:static; /* IE6、7、8只能設置position:static(默認屬性) ，否則會導致子元素繼承Alpha值 */ *zoom:1;/* 激活IE6、7的haslayout屬性，讓它讀懂Alpha */ } .bg p{position: relative;/* 設置子元素為相對定位，可讓子元素不繼承Alpha值 */ }

?

2.html頁面插入map地圖標簽圖片有藍線，只需在圖片加個border=0 即可

3.右浮動問題，左邊是行內元素，右邊加了右浮動，兼容測試，右邊元素沉下去了，把左邊加個左浮動，瞬間好了。

4.z-index ie7下 不緊是當前元素需要設置數值，父元素也需設置。

5.display:inline-block間距問題，除了設置父元素font-size為0外，在行塊元素的代碼后面加margin負值。

轉載于:https://www.cnblogs.com/jolee/p/6025603.html

總結

以上是生活随笔為你收集整理的ie7兼容问题的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。