IE7无法在文本上呈现链接(背景透明)?

时间:2012-06-18 12:49:10

标签: html css internet-explorer

这是我的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上我放了一个背景色,它也可以。

我是吸毒还是正常行为?我怎样才能以透明的背景来解决这个问题?

1 个答案:

答案 0 :(得分:2)

尝试将这些行添加到.myLink

background-color:#ff0000;
filter: alpha(opacity=0);

修改

如果.myBox中只有一张图片,.myLink将按预期工作,如果图片作为背景图片添加到.myBox