html - IE7テキスト上にリンク（背景が透明）をレンダリングできませんか？

Question

これは私のコードです：

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付けると、それも機能します。

私は麻薬を飲んでいますか、それとも通常の行動ですか？そして、どうすれば透明な背景でこれを修正できますか？

Answer 1

これらの行をに追加してみてください.myLink：

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

編集

に画像のみが存在する場合、画像が背景画像としてに追加されていれば、期待どおりに機能し.myBoxます。.myLink.myBox