Html 当光标位于IE中包含的文本上时，整个div上的链接不起作用_Html_Css_Internet Explorer

Html 当光标位于IE中包含的文本上时，整个div上的链接不起作用

html css internet-explorer

Html 当光标位于IE中包含的文本上时，整个div上的链接不起作用,html,css,internet-explorer,Html,Css,Internet Explorer,我有。它使我的链接遍布整个div，这在Firefox中非常有效，但在IE中，当我将光标移到文本上时，它会变成文本光标，链接在那里不起作用。。。我试着摆弄z索引，但没有结果。。。有什么建议吗我需要用自己的内容填充我的div，所以 a style="display: block" 不是一个选项，我也希望避免类似Javascript的 onclick="location.href= 将代码更改为： <a href="http://www.google.com/" style="displa

我有。它使我的链接遍布整个div，这在Firefox中非常有效，但在IE中，当我将光标移到文本上时，它会变成文本光标，链接在那里不起作用。。。我试着摆弄z索引，但没有结果。。。有什么建议吗

我需要用自己的内容填充我的div，所以

a style="display: block"

不是一个选项，我也希望避免类似Javascript的

onclick="location.href=

将代码更改为：

<a href="http://www.google.com/" style="display:block;position:absolute; width:100%; height:100%; top:0; left: 0; z-index: 10;"></a>

现在应该可以了。我在锚标记中添加了display block，这将使其行为类似于div。

正如brenjt所说，我认为您只需要在css中添加一个height属性。他还扔了一些其他东西进去，这很好，但根据我的经验，并不是因为CSS中没有明确设置高度，所以经常会出现这种情况。

我有一个解决方案给你。在HTML5中，在


HTML:
<body>
    <a href="http://www.google.com">
        <span class="fakediv">Annoying text la lallalalalalalalalal</span>
        <span class="fakediv">Annoying text la lallalalalalalalalal</span>
    </a>
</body>

a{
    display: block;
    width:700px;
    height:500px;
    margin: 10px;
    background-color: lightblue;
    color: black;
    text-decoration: none;
}
span.fakediv{
    float:left;
    clear: both;
    display: block;
    margin: 10px 20px;
    cursor: pointer;
}

我也有同样的问题，但因为我试图涵盖的内容有标题和段落标记，所以我不敢开始模仿css类来模仿不必要的段落和标题
当我调试这个问题时，我给a标签添加了背景色。这清楚地表明，标签在DOM中完全覆盖了它上面的内容，正如它所期望的那样。整个区域都可以点击。我一去掉背景色，将光标悬停在文本上，光标就变成了插入图标，没有点击
因此，鉴于我已经在页面上使用了1px透明png（用于修复IE中的自定义字体），我只是将其设置为a标记上的背景图像
它是有效的。
这里回答了同样的问题：对不起，我忘记了一些信息，现在（编辑后）很明显，您建议的解决方案对我不起作用……您愿意将您的doctype切换到HTML5吗？不，不幸的是，这不是该项目的选项：-（事实上，我认为这是可能的。请看下面的答案。对不起，我忘了告诉你我需要在我的div中包含一些内容的其他div，所以标记样式为block将不是一个选项…对于哪个元素？div的高度为500px，而span的高度为该div高度的100%。对不起，我不够具体。请尝试将span高度改为pixelsd的百分比。只是尝试了一下，但这不是有帮助的情况…谢谢你的尝试虽然这是一个有趣的想法，我明天会尝试，让你知道，看起来你会从我这里得到一些分数：-）谢谢