Home >Web Front-end >HTML Tutorial >ie6 div css_html/css_WEB-ITnose

ie6 div css_html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOriginal
2016-06-24 12:32:371123browse

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

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn