今天做活動(dòng)頁面時(shí)產(chǎn)生的兼容bug，現(xiàn)總結(jié)一下

1.背景透明，文字不透明。2.map后圖片有藍(lán)線 3.右浮動(dòng)問題 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只能設(shè)置position:static(默認(rèn)屬性) ，否則會(huì)導(dǎo)致子元素繼承Alpha值 */ *zoom:1;/* 激活I(lǐng)E6、7的haslayout屬性，讓它讀懂Alpha */ } .bg p{position: relative;/* 設(shè)置子元素為相對(duì)定位，可讓子元素不繼承Alpha值 */ }

?

2.html頁面插入map地圖標(biāo)簽圖片有藍(lán)線，只需在圖片加個(gè)border=0 即可

3.右浮動(dòng)問題，左邊是行內(nèi)元素，右邊加了右浮動(dòng)，兼容測(cè)試，右邊元素沉下去了，把左邊加個(gè)左浮動(dòng)，瞬間好了。

4.z-index ie7下 不緊是當(dāng)前元素需要設(shè)置數(shù)值，父元素也需設(shè)置。

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

轉(zhuǎn)載于:https://www.cnblogs.com/jolee/p/6025603.html

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。