1

您知道为什么 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 个不同的地方，而不是创建一个跨度标签，我选择简单地将图像放在那些不透明的 div 中0 但我不知道这是否是 CrossBrowser 命令以及是否可以在任何地方使用）。

4

3 回答 3

2

我猜是因为<a><div></div></a>标记无效（嗯，不仅，第二个原因是 IE 本身......）。尝试替换<div>with<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/ （与原始 fiddle不同）。

我最近遇到了非常相似的问题，我采用了您的问题的答案:-) 所以请参阅那里了解更多详细信息。

于 2012-04-16T15:46:33.973 回答
0

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

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

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

于 2012-04-16T15:44:00.837 回答
0

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

<a href="#zanas" class="content-loader"><div onclick="window.location.hash='#zanas'" id="zanas"></div></a>
于 2012-04-16T15:46:15.197 回答