这是我的code

HTML:

<div class="container">
    <div class="myBox">My Text</div>
    <a class="myLink" href="http://www.google.com">&nbsp;</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将按预期工作。

10-07 14:05