在固定高度元素上处理角落的最佳做法是什么？

Question

这是我的问题。我必须在

上转角

<a href=""></a>

但没有使用CSS3属性，因为我的代码应该是跨浏览器兼容的（IE6及更早版本，Safari 3及更早版本）。

我设法做的是：

<span>
  <a href="">My link</a>
</span>

给我的 span 一个背景图像（5px宽度）左对齐，我的 a 一个150px宽度的图像，右对齐，以便内容可以流畅。

IE7下的渲染仍然存在问题，我想知道是否还有其他更简洁的方法。

非常感谢！

Answer 1

您描述的渲染问题可能来自span作为内联元素。

尝试使用div或提供span display: block。然后，您应该能够在所有浏览器中准确且统一地指定宽度和高度。