处理固定高度元素上的角点的最佳实践是什么？
这是我的问题。我必须在 a 上进行圆角处理
<a href=""></a>
，但不使用 CSS3 属性，因为我的代码应该是跨浏览器兼容的（IE6 及更早版本、Safari 3 及更早版本）。
我设法做的是：
<span>
<a href="">My link</a>
</span>
给我的span一个背景图像（5px宽度）左对齐，给我的a一个150px宽度的图像，右对齐，以便内容可以流畅。
我在 IE7 下渲染仍然有问题，我想知道是否有另一种更干净的方法来做到这一点。
多谢 ！
Here is my problem. I have to round corners on a
<a href=""></a>
but without using CSS3 properties because my code is supposed to be cross-browser compliant (IE6 and earlier, Safari 3 and earlier).
What I managed to do is :
<span>
<a href="">My link</a>
</span>
Giving my span a background image (5px width) left align and my a a 150px width image, right aligned so that the content could be fluid.
I still have problems with the rendering under IE7 and I would like to know if there is another cleaner way to do this.
Thanks a lot !
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
您描述的渲染问题可能来自于
span是一个内联元素。尝试使用
div或提供spandisplay: block。然后，您应该能够在所有浏览器中准确且统一地指定宽度和高度。The rendering problems you describe probably come from
spanbeing an inline element.Try using a
divor giving thespandisplay: block. You should then be able to specify width and height exactly and uniformly across all browsers.