IE不识别href按钮

你知道为什么IE浏览器根本不能识别下面的任何按钮作为链接吗？IE不识别href按钮

<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/

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

来源

2012-04-16 Bat Jeko

根据[this fiddle]（http://jsfiddle.net/Fttyh/）只有IE7会产生问题......请参阅我的答案。 – TMS 2012-04-16 16:02:28

尝试添加id="..."到一个标签：

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

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

来源

2012-04-16 15:44:00 floxx

这没有什么区别。 – 2012-04-16 15:44:50

愿上帝保佑你，为你的帮助，不管你的回答没有奏效。谢谢。 – 2012-04-17 04:53:05

一个标签不使IE浏览器的div，作为一种变通方法，你可以这样写：

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

来源

2012-04-16 15:46:15

没有工作人员......请查看我所做的编辑... :) – 2012-04-17 04:53:46

我猜是因为<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到你的问题:-)所以请参阅那里的更多细节。

来源

2012-04-16 15:46:33 TMS

感谢您的帮助，但我无法在一个课程中设置4个differend div（每个位于特定位置），您可以检查网站。我也嘲弄一个简单的决定:)，但我不知道是否会工作... – 2012-04-17 05:10:18

IE不识别href按钮

回答

相关问题