ie7兼容问题

今天做活动页面时产生的兼容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负值。