使用自定义图像的圆角

时间:2010-08-30 07:08:29

标签: css rounded-corners

我正在尝试使用图像创建一个带圆角的方框。我知道如何使用CSS3,但我需要使用图像,因为我有一些带阴影和透明度的定制角落。

我需要的结果:

http://i33.tinypic.com/35jze54.jpg

我把盒子分成了几张图片:

http://i37.tinypic.com/2w6b14g_th.png

我知道有很多关于这个主题的信息,但我在最后几天一直在研究这个问题,从我读过的文章中我无法得到我所需要的。问题似乎是我需要所有图像的背景都有一些透明度(白色部分和阴影部分)。任何人都知道如何使用divs

执行此操作

2 个答案:

答案 0 :(得分:1)

我个人最喜欢的技巧就是这个:even more rounded corners。查看演示页面:http://www.schillmania.com/projects/dialog2/。它完全符合您的要求。

另外,与其他技术不同,您不必剪切背景图像。

答案 1 :(得分:0)

今天我一直在以这种方式与圆角搏斗。我正在使用具有背景颜色角落的GIF。因为这些是GIF的角落可能是透明的,但我宁愿不担心什么是“落后”。但是在你的情况下,GIF会比JPG更好(你正在做什么?),支持透明度,或者如果你不需要支持旧浏览器,那就是PNG。然后你可以把背景颜色放在你想要的DIV风格中。

HTH