I have been working on something these past few days, and IE6 has never been able to get the style. It was a tangle, and various inquiries were made, but to no avail. Finally let me find the reason! Without further ado, post the code
#_top { height:79px; background:url(../images/kcfpxt_01.jpg) no-repeat;}#_title div { padding:40px 0px 0px 100px; font-size:20px; color:#FFF;}#_middle { background: url(../images/kcfpxt_02.jpg); width: 950px;}#_middle_bottom { width: 950px; height:17px; background: url(../images/kcfpxt_04.jpg) no-repeat;}#_tab_01 { background:url(../images/tab_01.jpg) no-repeat; width:929px; height:30px; margin:auto;}#_tab_02 { background:url(../images/tab_02.jpg); width:929px; margin:auto;}#_tab_03 { background:url(../images/tab_03.jpg) no-repeat; width:929px; height:35px; margin:auto;}
<div id="_middle"> <div class="d_clear"> <div id="_tab_01"> <div class="d_clear"> <div class="title"> <img src="images/tb.gif" width="16" height="16" /> </div> <div class="title"> 首页 </div> <div class="title" style="float: right"> </div> </div> </div> <div id="_tab_02"> <div class="d_clear" style="width: 915px; padding: 10px" align="center"> 考场: <input id="txtRoomNum" value="" size="12px" style="width:10em; padding:2px; border:1px solid #CCC;" /> <button id="btnsearch" class="btn"> 搜 索 </button> <button id="btnprint" class="btn"> 打 印 </button> <div id="constList" style="margin: auto;"></div> </div> </div> <div id="_tab_03"> <div class="d_clear"></div> </div> </div> </div> <div id="_middle_bottom"> </div>
Test that all styles can be loaded except Ie6.
Finally, I remembered that there is a Debug tool for IE tester and found that
the style could not be obtained. . . . . Then it dawned on me. . It turns out to be a problem with the selector name definition. . IE6 does not recognize the definition of _top. . Ashamed!
The style is no problem after modification