IE 无法识别 href 按钮答案

【问题标题】：IE does not recognize href buttonsIE 无法识别 href 按钮
【发布时间】：2012-07-11 20:39:05
【问题描述】：

您知道为什么 IE 根本无法将下面的这些按钮识别为链接吗？

<a href="#zanas" class="content-loader"><div id="zanas"></div></a>
<a href="#dizain" class="pics_holders"><div id="dizain"></div></a>
<a href="#izkustvo"><div id="izkustvo"></div></a>
<a href="#kontakti" class="content-loader"><div id="kontakti"></div></a>

还可以查看网站（按钮位于灯的形状上）-http://lambev-design.com/

更新：我看到元素必须包含一些东西（空格不起作用），并且知道 div 位于 4 个不同的地方，而不是创建我选择的 span 标签只需将图像放在不透明度为 0 的那些 div 中，但我不知道这是否是 CrossBrowser 命令以及是否可以在任何地方使用）。

【问题讨论】：

根据this fiddle 的说法，只有 IE7 会出问题...看我的回答。

标签： html internet-explorer

【解决方案1】：

我猜是因为<a><div></div></a> 标记无效（嗯，不仅，第二个原因是 IE 本身......）。尝试将<div>替换为<span>并添加一些CSS规则：

a.content-loader span { 
    display: block; 
    position: relative;
    z-index: -1;
}
a.content-loader { display: inline-block; }

这种奇怪的摆弄有助于解决 IE7 问题，并且应该是跨浏览器有效的。请参阅在 IE7 中工作的 http://jsfiddle.net/Fttyh/3/（与 the original fiddle 不同）。

我最近有很多 similar problem 并且我采用了 the answer 来解决您的问题 :-) 所以请参阅那里了解更多详细信息。

【讨论】：

感谢您的帮助，但我无法在一个类中设置 4 个不同的 div（每个 div 位于某个位置），您可以查看该站点。我也找到了一个简单的决定:)，但我不知道是否可行......

【解决方案2】：

标签不会在 IE 中生成 Div，作为一种解决方法，您可以这样写：

<a href="#zanas" class="content-loader"><div onclick="window.location.hash='#zanas'" id="zanas"></div></a>

【讨论】：

【解决方案3】：

尝试将id="..." 添加到 a-tag 中：

<a href="#dizain" class="pics_holders" id="dizain"></a>

不知道这是否有帮助，但我想我以前做过......

【讨论】：

这没什么区别。
愿上帝保佑你，为你的帮助，无论你的答案没有奏效。谢谢。