Question

我有一个包含各种元素的锚点，因为它使触摸友好且有效html5：

<a href="whatever.html">
   <h2>Title</h2>
   <p>Paragraph</p>
</a>

现在，我想在此锚点添加一个推文按钮。但是，嵌套锚点在html5中无效。所以这将在Twitter之外呈现Twitter iframe：

<a href="whatever.html">
   <h2>Title</h2>
   <p>Paragraph</p>
   <a href="https://twitter.com/share" class="twitter-share-button">...</a>
</a>

如果我改变标记来说出这样的话，它就不会呈现按钮：

<a href="whatever.html">
   <h2>Title</h2>
   <p>Paragraph</p>
   <div class="twitter-share-button">...</div>
</a>

facebook like按钮渲染效果很好，因为它不需要锚元素才能工作。有人知道Twitter的解决方法吗？这是jsfiddle：http://jsfiddle.net/xdEwg/

Answer 1

最后，我把它放在锚之外并使用绝对位置，例如......，这可怕地攻击了它。

<div class="module">
  <a href="whatever.html">
    <h2>Title</h2>
    <p>Paragraph</p>
  </a>
  <a href="https://twitter.com/share" class="twitter-share-button">...</a>
</div>

.module {
  position: relative; 
}
.twitter-share-button {
  position: absolute;
  bottom: 0;
}

但我仍然对解决方法感兴趣。

在非锚元素上呈现Tweet按钮

1 个答案: