这是我的code:
HTML:
<div class="container">
<div class="myBox">My Text</div>
<a class="myLink" href="http://www.google.com"> </a>
</div>
CSS:
.container
{
position:relative;
width:200px;
height:200px;
}
.myBox
{
position:absolute;
top:0;
left:0;
z-index:90;
background-color:#ff0000;
width:200px;
height:200px;
}
.myLink
{
text-decoration:none;
display:block;
position:absolute;
width:50px;
height:50px;
top:0px;
left:0px;
z-index:100;
}
在IE7上,“我的文字”上的链接不能用作链接。如果在
myLink
上放置了背景色,则它也可以正常工作。我是在吸毒还是正常行为?以及如何在透明背景下解决此问题?
最佳答案
尝试将这些行添加到.myLink
:
background-color:#ff0000;
filter: alpha(opacity=0);
编辑
如果
.myBox
中仅存在图像,则将图像作为背景图像添加到.myLink
时,.myBox
将按预期工作。