Css 超链接背景图像仅在IE的怪癖模式下可见
我的页面上有一个超链接:Css 超链接背景图像仅在IE的怪癖模式下可见,css,internet-explorer,quirks-mode,Css,Internet Explorer,Quirks Mode,我的页面上有一个超链接: <div id="ContainerDIV"> <a href="#" id="hlkTest" class="imgLink" title="Test" /> </div> 当IE以“怪癖”模式打开页面时,图像可见,但在标准模式和/或Chrome中不可见。我一直在试图弄清楚什么CSS只在怪癖模式下工作。有人能帮忙吗 尝试重新构造代码: HTML <div id="ContainerDIV"> <a
<div id="ContainerDIV">
<a href="#" id="hlkTest" class="imgLink" title="Test" />
</div>
当IE以“怪癖”模式打开页面时,图像可见,但在标准模式和/或Chrome中不可见。我一直在试图弄清楚什么CSS只在怪癖模式下工作。有人能帮忙吗 尝试重新构造代码: HTML
<div id="ContainerDIV">
<a href="#" id="hlkTest" class="imgLink" title="Test"></a>
</div>
如果有正确的结束标记,它在Chrome或IE的标准模式下仍然无法工作。另外,显示:块不是一个选项,因为当有多个图像超链接时,它们不是在一行中,而是各自占据一行。让我修改我的问题,以反映这一点。因此,不要使用
block
而使用inline block
。Michael,我尝试按照之前的建议使用inline block,图像在重新加载页面时出现了一秒钟,然后又消失了。我之前的评论中的演示链接发生了什么情况?好的,我认为内联块是造成这种情况的原因。问题是页面上还有其他东西导致了问题。谢谢你的帮助!
<div id="ContainerDIV">
<a href="#" id="hlkTest" class="imgLink" title="Test"></a>
</div>
#ContainerDIV {
padding-left: 2.5em;
padding-top: 0.0em;
width: 90%;
}
#hlkTest {
display: block;
background-image: url("http://placehold.it/400x200");
background-position: 0px;
background-repeat: no-repeat;
height: 200px;
width: 400px;
}