ここ数日私が取り組んでいるのですが、IE6 はそのスタイルを取得できませんでした。それは混乱に陥り、さまざまな問い合わせが行われましたが、無駄でした。最後にその理由を調べてみましょう!早速、コードを投稿します
#_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>
Ie6 を除くすべてのスタイルをロードできることをテストします。
最後に、IE テスター用の Debug ツールがあることを思い出し、
スタイルを取得できないことがわかりました。 。 。 。 。 その時、私は気づきました。 。 セレクター名の定義に問題があることが判明しました。 。 IE6 は _top の定義を認識しません。 。 恥ずかしい!
修正後のスタイルは問題ありません