使用自定义图像的圆角

我试图创建一个使用图像的圆角框。我知道如何使用CSS3，但我需要使用图像，因为我有一些自定义的阴影和透明度的角落。使用自定义图像的圆角

结果我需要：

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

我划分了框分成几个图片：

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

我知道有很多关于这个话题的信息，但我有在过去的几天里，从我阅读过的文章开始，我无法得到我需要的东西。问题似乎是我需要所有图像的背景具有一些透明度（白色部分和阴影部分）。任何人有想法如何使用divs做到这一点？

来源

2010-08-30 Martin

我个人最喜欢的方法是这样：even more rounded corners。看看演示页面：http://www.schillmania.com/projects/dialog2/。它确实是你想要的。

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

来源

2010-08-30 08:52:50 slebetman

今天我一直在用这种方式与圆角摔跤。我使用的是GIF背景颜色的角落。因为这些都是GIF的，所以角落可以是透明的，但我宁愿不担心背后的情况。但在你的情况下，GIF会比JPG更好（这是你在做什么？），因为支持透明度，或者如果你不需要支持旧浏览器，那么PNG就是这样。然后，您可以将背景颜色放入DIV的样式中，也是您想要的。

HTH

来源

2010-08-30 07:29:35 MikeAinOz

我正在使用png来完成此操作。问题是，我需要使用透明图像的背景，而不是像我见过的例子那样使用纯色。你知道如何做到这一点？ – Martin 2010-08-30 08:15:41

这取决于您使用什么程序来编辑图像.Gimp很容易实现透明度，只需使用魔杖选择区域并点击删除即可。你用什么来创建图像？你有什么图像编辑器可用？ – MikeAinOz 2010-08-30 21:01:48

这是一个引用PNG和DIV的不透明度/透明度的页面： http://virtuelvis.com/gallery/opacity/opacitydemo.html 这可能更像你之后的东西 – MikeAinOz 2010-08-30 21:10:16

使用自定义图像的圆角

回答

相关问题