<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/>