我有一个包含两个动画的div的链接：悬停。在Firefox中，链接工作正常并跳转到正确的锚点。但是在Safari和Chrome中，链接只有在＆lt;＆gt;内的两个div中的第一个div才有效。单击＆gt; -element。
<li>
<a href="#work" class="inaktiv">
<div class="work1">a</div>
<div class="work2">b</div>
</a>
</li>
这是一个有效的jsFiddle：http://jsfiddle.net/26HgM/6/
有谁可以告诉我它为什么不能正常工作？谢谢！
答案 0 :(得分：1)
问题是你正在转动<a>所以它面向后方webkit正在解释为不再是可以与之交互的链接。
您可以做的一件事是不是旋转链接本身，而是在链接中添加容器div并旋转它。
答案 1 :(得分：0)
问题是<a>是内联元素，而<div>是块级元素。根据HTML标准，内联元素不能包含块级元素，但浏览器仍然尝试这样做 - 所以我们得到了错误的实现。你必须：
以下是关于块级与内联的更多内容：http://webdesign.about.com/od/htmltags/qt/block_vs_inline_elements.htm