purevolume 圆角

发布于 2024-08-24 21:07:21 字数 66 浏览 2 评论 0原文

有谁知道 purevolume.com 是如何获得圆角的?它非常有趣并且跨浏览器,除了我在任何地方都找不到它的源代码。

does anyone know how purevolume.com gets their rounded corners? its very interesting and cross browser except I couldnt find the source code for it anywhere.

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

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

发布评论

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

评论(1

薄情伤 2024-08-31 21:07:21

这是他们背景图片的一部分:

https://www.purevolume.com/_images_new/header_nav_bg.png
替代文本

当然,这是实现这一目标的众多方法之一。在 Chrome 和 Firefox 中,您可以使用 CSS:

-webkit-border-radius:5px;
-moz-border-radius:5px;

当然,这不适用于 Internet Explorer。对于 IE,您必须使用不同的技术 - 有很多。在背景图像中使用圆角是安全的,但会将您锁定在一个框中,您必须在其中编辑图像才能更改元素的视觉形状(不是那么糟糕,但并不总是鼓励)。

It's part of their background image:

https://www.purevolume.com/_images_new/header_nav_bg.png
alt text

This is, of course, one of many ways to accomplish this. In Chrome and Firefox you can use CSS:

-webkit-border-radius:5px;
-moz-border-radius:5px;

Of course this won't work for Internet Explorer. For IE you would have to use a different technique - there are many. Doing the rounded corners in your background image is safe, but locks you into a box to where you have to edit images in order to change the visual shape of an element (not that bad, but not always encouraged).

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