<span class="text-red">**1、**</span> ie7、ie8下,不兼容标签`<article></article>`和`<section></section>`,故为了兼容ie7或ie8,不能用此标签,用div做成的结构要与article,section相同,可以用article,section进行class命名。 ~~~ <div class="article"> <h1>标题/h1> <h5> <span>说明文字:</span><span>内容</span>&nbsp;&nbsp; <span>说明文字:</span><span>内容</span> </h5> <div class="section"> <!--文章内容区域--> <p>段落</p> </div> </div> ~~~ <br/> <br/> <span class="text-red">**2、**</span>ie7、ie8下如何兼容z-index? <div class="gray-bg"> <b>答:</b> IE6和IE7有一个bug,如果只是对一个子元素设定z-index,这个值再高,也不能覆盖与父元素同级的其他元素。所以现在通用的解决方法是**对子元素的父元素也定义一个z-index的值。 </div> <br/> <br/> <span class="text-red">**3、**</span>ie7、ie8下如何兼容background:rgba(),实现半透明的背景效果? <div class="gray-bg"> <b>答:</b> rgba()实现的是背景色透明效果,适用于IE9已上,为了兼容ie7,ie8需要加上一个滤镜,实现透明效果 <span class="text-red"> filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000) </span> 其中#7f000000的意思是:7f表示透明度为0.5,000000表示颜色是黑色的16进制表示法。 透明度表示的代码以及具体说明可以看 https://segmentfault.com/a/1190000002485299 </div> <br/> <br/>