Home  >  Article  >  Web Front-end  >  I don’t know where css is not compatible_html/css_WEB-ITnose

I don’t know where css is not compatible_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 12:12:03934browse

IE6.0 is normal. IE6.0 and above or Google Chrome cannot display the things with ID xh. What is the difference? Thank you


.show
{
width:230px;
overflow:hidden;
position:relative;
height:110px;
background:#333333;
}
.show.slider
{

height:110px;
margin:0;
width:700px;

}

.show.slider li
{
float:left;
margin:0;
padding:0;
height:110px;
width:230px;
}

.show.slider li img
{
float:left;
margin:0;
padding:0;
height:110px;
width:230px;
display:inline;
border :0;
}


.show.xh
{
position:absolute;
right:20px;
bottom:10px;
display: inline;
float:left;
}
.show.xh li
{
float: left;
color: #FF7300;
text-align: center;
line-height: 16px;
width: 16px;
height: 16px;
font-family: Arial;
font-size: 12px;
cursor: pointer; overflow: hidden;
margin: 3px 1px;

background-color: #fff;
}




< ;body>




  •                                                                                  >
                                          2
                                            🎜 >Reply to discussion (solution)

    I feel that when setting the css of child nodes from the parent node, you need to add a space, and write the element type in a more standardized way
    For example. show.xh li
    Write it as div.show ul.xh li
    Try it this way



    It is indeed like this. It is correct according to your way of writing. Why does this happen? It has happened before It’s written like this, and there’s no problem.

    Multi-category selectors like .a.b are not supported by IE6.

    If it’s not supported, why is .a.b displayed normally in IE6.0? Yes, the others are displayed abnormally

    Your xh is in show, there must be spaces: .show .xh {}
    IE6 is normal because ie does not support .show.xh (no spaces) )





    What you wrote here is not standard. The double quotation marks before the first images are in Chinese. Just change them.

    The poster posted it



    There is a problem with the quotation marks.

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