span嵌套在a里面，在ie6里面遇到边框扩大问题！
span嵌套在a里面做图片tip。如果a的width和height属性比span小的话，在FF和IE7里面，span的宽高不会影响a的宽高，可是在ie6里面，a的宽高就被...
span嵌套在a里面做图片tip。如果a的width和height属性比span小的话，在FF和IE7里面，span的宽高不会影响a的宽高，可是在ie6里面，a的宽高就被span撑大了，怎么办？
附简要代码：
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
#imagemap{
width:500px;
height:332px;
background-color:#FFCC33;
}
a.tip{
color:green;
position:relative;
top:30px;
left:100px;
display:block;
width:50px;
height:50px;
background-color:#FF0000;
}
a.tip span{display:none;}
a.tip:hover{
background-color:#3366CC;
}
a.tip:hover .popbox{
display:block;
position:relative;
top:54px;
width:80px;
height:20px;
background-color:#333366;
}
</style>
</head>
<body>
<div id="imagemap">
<a href="#" class="tip" id="c1">pic1<span class="popbox">pictips1</span></a>
</div>
</body>
实际上这个问题是由于使用了position属性，而span的原始占位信息还在a里面，所以就把a撑大了。请问有什么办法在ie6里面可以像ie7那样忽略了这个占位信息？
补充1楼兄弟，相对定位的top属性还是有效的吧。你尝试改变top属性，这个span的位置是会随之发生变动的哦。 展开
附简要代码：
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
#imagemap{
width:500px;
height:332px;
background-color:#FFCC33;
}
a.tip{
color:green;
position:relative;
top:30px;
left:100px;
display:block;
width:50px;
height:50px;
background-color:#FF0000;
}
a.tip span{display:none;}
a.tip:hover{
background-color:#3366CC;
}
a.tip:hover .popbox{
display:block;
position:relative;
top:54px;
width:80px;
height:20px;
background-color:#333366;
}
</style>
</head>
<body>
<div id="imagemap">
<a href="#" class="tip" id="c1">pic1<span class="popbox">pictips1</span></a>
</div>
</body>
实际上这个问题是由于使用了position属性，而span的原始占位信息还在a里面，所以就把a撑大了。请问有什么办法在ie6里面可以像ie7那样忽略了这个占位信息？
补充1楼兄弟，相对定位的top属性还是有效的吧。你尝试改变top属性，这个span的位置是会随之发生变动的哦。 展开
1个回答
展开全部
position:relative;
top:54px;
当position 为相对时 top设置是无效的
那你可以先判断浏览器的类型
然后写两段代码 分别用于IE6.0和IE7.0
top:54px;
当position 为相对时 top设置是无效的
那你可以先判断浏览器的类型
然后写两段代码 分别用于IE6.0和IE7.0
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
