IE 中的弯角...CSS 3?条件句?图片? JS?

发布于 2024-08-28 02:56:31 字数 200 浏览 10 评论 0原文

IE 中的弯角...我在所有我想要的酷弯角的东西上使用了一个名为 .curved 的 CSS 3 border-radus 类。新的 CSS 可在所有普通浏览器中运行,但 IE 却表现不佳。

如今添加圆角的最佳做法是什么? Shell 我在 JS 中以 .curved 为目标,并在 jquery 中完成这一切?使用一些杂乱的条件标签。或者干脆等几年而不使用CSS 3?

Curved corners in the IE's... I'm using a CSS 3 border-radus class called .curved on all my things I want with cool curved corners. The new CSS works in all the normal browsers, however IE is being a right dips**t.

Whats the best practice for adding rounded corners nowadays. Shell I target anything with .curved in JS and do it all in jquery? Use some messy conditional tags. Or just give it a few years and not use CSS 3?

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

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

发布评论

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

评论(2

锦爱 2024-09-04 02:56:31

据我所知,有 3 种方法可以创建适用于所有浏览器的圆角。

  1. 使用图像作为顶部和
    盒子的底部
  2. 使用图像作为顶部的右上角/左上角
    底部
  3. 使用大量 div 标签来创建圆角外观。

我目前不会依赖 CSS 3 属性,因为它们在所有平台上都不够兼容。我喜欢使用第一个选项,因为它始终是跨平台的,易于实现,并且不会添加大量标记。就目前的网络状况而言,如果您希望您的角落在所有浏览器中都能正常工作,那么没有太多其他选择。

希望这有帮助,
都会

There are 3 ways that I know of to create rounded corners that will work across all browsers.

  1. Use an image for the top and
    bottom of a box
  2. Use an image for the right corner/left corner for the top and
    bottom
  3. Use a ton of div tags to create a rounded corner look.

I would not rely on CSS 3 properties at the momment because they are not compatible enough across all platforms. What I like to use is the first option because it will always be cross platform, its easy to implement, and it does not add a ton of markup. With the state of the web right now, there are not many other options if you want your corners to work in all browsers.

Hope this helps,
Metropolis

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