关于CSS边框的问题
<!doctypehtml><html><head><style>div.img{display:inline-block;margin:10px;border:1pxs...
<!doctype html>
<html>
<head>
<style>
div.img
{
display:inline-block;
margin:10px;
border:1px solid #bebebe;
}
div.img div.img_
{
width:160px;
height:160px;
margin:3px;
border:1px solid #bebebe; //问题！！！！
background-image:url(http://www.w3school.com.cn/i/tulip_ballade_s.jpg);
}
div.img p
{
margin:0px;
margin-top:140px;
padding-bottom:3px;
text-align:center;
background-color:#fff;
color:#333;
opacity:0.6;
filter:alpha(opacity=60);
}
</style>
<html>
<body>
<div class="img">
<div class="img_">
<p>描述</p>
</div>
</div>
</body>
</html>
在360浏览器7.1中执行情况是这样的
去掉CSS中注释了“问题！”的那一行后，执行情况是这样的
为什么去掉一个边框会造成这种影响呢？ 展开
<html>
<head>
<style>
div.img
{
display:inline-block;
margin:10px;
border:1px solid #bebebe;
}
div.img div.img_
{
width:160px;
height:160px;
margin:3px;
border:1px solid #bebebe; //问题！！！！
background-image:url(http://www.w3school.com.cn/i/tulip_ballade_s.jpg);
}
div.img p
{
margin:0px;
margin-top:140px;
padding-bottom:3px;
text-align:center;
background-color:#fff;
color:#333;
opacity:0.6;
filter:alpha(opacity=60);
}
</style>
<html>
<body>
<div class="img">
<div class="img_">
<p>描述</p>
</div>
</div>
</body>
</html>
在360浏览器7.1中执行情况是这样的
去掉CSS中注释了“问题！”的那一行后，执行情况是这样的
为什么去掉一个边框会造成这种影响呢？ 展开
2个回答
展开全部
你这类选择器的img名字就比较敏感，本来css中的img就是个类似于div这种的关键字，你还要用它做类名，换个类名试试，看是不有冲突呢？
那么多自定义名字，没必要非用img吧？
那么多自定义名字，没必要非用img吧？
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
