Css 使用自定义图像的圆角

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

我需要的结果是：

我已将该框划分为多个图像：

---

我知道有很多关于这个话题的信息，但是我在过去的几天里一直在研究这个话题，从我读到的文章中，我无法得到我所需要的。问题似乎是我需要所有图像的背景都有一定的透明度（白色部分和阴影部分）。有人知道如何使用divs来实现这一点吗？

我今天一直在用这种方式与圆角搏斗。我用的是GIF的，它的角是背景的颜色。因为这些是GIF的，所以角落可以是透明的，但我不想担心“背后”是什么。但在你的情况下，GIF会比JPG更好（这就是你正在做的吗？），因为它支持透明，如果你不需要支持旧浏览器，它会比PNG更好。然后，你可以把背景颜色的风格为DIV是你想要的

---

HTH

我个人最喜欢的技巧是这个：。请看演示页面：。这正是你想要的

---

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

我使用png来完成此操作。问题是，我需要我使用的图像背景是透明的，而不是像我看到的例子中那样的纯色。你知道怎么做吗？这取决于你用什么程序来编辑图像。Gimp很容易透明，只需用魔杖选择区域并点击删除。您使用什么创建图像？你有什么可用的图像编辑器？这是一个参考PNG和DIV的不透明度/透明度的页面：这可能更像你想要的