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上放了一个背景颜色，它也可以。

我对毒品或这是一种正常的行为？我怎样才能解决这个透明的背景？

来源

2012-06-18 markzzz

你为什么这样做的具体原因？认为它是有意的行为，因为“myLink”本质上是空的。 – Mario

我正在链接图片上的“区域”... – markzzz

+1 @Mario您应该使用图像映射。 –

尝试将这些行添加到.myLink：

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

编辑

如果将只有在.myBox图像，.myLink将如预期，如果图像将作为背景图像到.myBox。

来源

2012-06-18 15:14:17 Teemu

使用过滤器不是永久的解决方案，因为微软将放弃IE10的支持。 – Mario

@Mario嗯...... IE10几乎不修复IE6-IE9中的问题...... – Teemu

我认为你有点偏向那里，再加上我不太了解这种态度（没有什么个人的）。如果你为特定产品系列中的页面添加额外的代码（这里是IE），我特别试着确保最新版本的工作情况（比其他任何旧版本更好），无论多少问题是固定的或仍然是开放的：这是最新版本，它的市场份额肯定会上升 - 不会下降。现在滴IE6甚至IE7没什么不好，但不要忽略IE9或IE10。不知道IE10如何处理“空”的链接，所以如果整个主题不适用于IE10 ... – Mario

IE7无法在文本上渲染链接（背景透明）？

HTML：

CSS：

回答

IE7无法在文本上渲染链接（背景透明）？

HTML：

CSS：

回答

相关问题