Question

你知道为什么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命令，并且是否可以在任何地方使用。）

Answer 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 :-)所以请参考那里了解更多细节。

Answer 2

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

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

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

Answer 3

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

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

IE无法识别href按钮

3 个答案: