purevolume 圆角
有谁知道 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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
这是他们背景图片的一部分:
https://www.purevolume.com/_images_new/header_nav_bg.png
当然,这是实现这一目标的众多方法之一。在 Chrome 和 Firefox 中,您可以使用 CSS:
当然,这不适用于 Internet Explorer。对于 IE,您必须使用不同的技术 - 有很多。在背景图像中使用圆角是安全的,但会将您锁定在一个框中,您必须在其中编辑图像才能更改元素的视觉形状(不是那么糟糕,但并不总是鼓励)。
It's part of their background image:
https://www.purevolume.com/_images_new/header_nav_bg.png
This is, of course, one of many ways to accomplish this. In Chrome and Firefox you can use CSS:
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).