css不知道那里不兼容了解决办法
日期：2014-05-17 浏览次数：20861 次
css不知道那里不兼容了
IE6.0是正常的，IE6.0 以上的或谷歌chrome都不能显示 ID为xh里面的东西，请问是那里导致的差异，谢谢了
.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;
}
</style>
<body>
<div class="show">
<ul class="slider">
<li><img src=“image/th990.jpg"></li>
<li><img src="image/th991.jpg" ></li>
<li><img src="image/th992.jpg" ></li>
</ul>
<ul class="xh">
<li>1</li>
<li>2</li>
</ul>
</div>
------解决方案--------------------
我感觉从父节点设置子节点css的时候要加个空格，还有把元素类型写上比较规范
比如.show.xh li
写为 div.show ul.xh li
这样你试试
------解决方案--------------------
你的xh是在show内的，要有空格： .show .xh {}
ie6正常是因为ie不支持.show.xh(无空格)
IE6.0是正常的，IE6.0 以上的或谷歌chrome都不能显示 ID为xh里面的东西，请问是那里导致的差异，谢谢了
.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;
}
</style>
<body>
<div class="show">
<ul class="slider">
<li><img src=“image/th990.jpg"></li>
<li><img src="image/th991.jpg" ></li>
<li><img src="image/th992.jpg" ></li>
</ul>
<ul class="xh">
<li>1</li>
<li>2</li>
</ul>
</div>
------解决方案--------------------
我感觉从父节点设置子节点css的时候要加个空格，还有把元素类型写上比较规范
比如.show.xh li
写为 div.show ul.xh li
这样你试试
------解决方案--------------------
你的xh是在show内的，要有空格： .show .xh {}
ie6正常是因为ie不支持.show.xh(无空格)
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
