IE6/IE7 + 圆角...额外不需要的填充

发布于 2024-07-17 15:57:09 字数 807 浏览 6 评论 0原文

基本上来说,FF3和IE8是这样渲染的,这就是我想要的:

Firefox Render

但是,IE7 和 IE8 的渲染方式如下:

IE Render

我使用此解决方案来处理没有图像的圆角:

< a href="http://www.editsite.net/blog/rounded_corners.html" rel="nofollow noreferrer">http://www.editsite.net/blog/rounded_corners.html

最后,在这里是我的代码和CSS(动态生成,很抱歉缺少正确的制表符):

HTML CSS

预先感谢您!

Basically speaking, FF3 and IE8 render it this way, which is what I want:

Firefox Render

However, IE7 and IE8 render it like this:

IE Render

I use this solution for rounded corners without images:

http://www.editsite.net/blog/rounded_corners.html

And finally, here is my code and CSS (dynamically generated, so sorry for the lack of proper tabbing):

HTML
CSS

Thank you in advance!

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

○愚か者の日 2024-07-24 15:57:09

在您链接到的圆角 js 文件的网站上,有许多评论抱怨该脚本在 Internet Explorer 中不起作用。 既然你已经包含了 jquery,我可以推荐一个名为“corners”的 jQuery 插件,它似乎可以在 ie 中工作。

http://plugins.jquery.com/project/corners

on the website you link to for the rounded corners js file, there are many comments that complain the script doesn't work in internet explorer. Since you are already including jquery, I can recommend a jQuery plugin called "corners" that seems to work in ie.

http://plugins.jquery.com/project/corners

无语# 2024-07-24 15:57:09

只需使用 corner-radius CSS 属性,如果有人使用旧浏览器,那么他们就不会得到任何角点。 与使用不必要的 JavaScript 来破坏页面(产生数百个多余的 div)相比,这是一个更好且可扩展的解决方案 - 这简直是愚蠢的!

Just use the corner-radius CSS property and if someone is using an old browser then they just get no corners. This is a much better and scalable solution than bastardizing your page with unnecessary JavaScript that produces hundreds of excess divs - that's just plain silly!

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文