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