CSS3：透明圆角问题

这是问题的一个形象： alt text

正如你所看到的，使用CSS3 border-radius和background: transparent我能够做看起来像div中的“抠图”。问题应该很明显，角落也是透明的。

我知道我可以只使用一个图像，问题会解决，但我想使用CSS3。我认为可能有一些巧妙的方法来解决这个问题，但我没有想到它。我想注意到我使用css3pie.com来允许IE6通过IE8 CSS3功能。

2010-08-29 ParoX

我认为在这种情况下，像*将*是适当的，电除尘器。用你试图缝合那个背景的方式... – 2010-08-29 04:38:45

offtopic：巧妙地使用图像和背景渐变。有一段时间我想知道为什么当我在高分辨率屏幕上放大窗口时调整了背景。 – mauris 2010-08-29 04:44:21

+1问题很有趣 – 2010-08-29 04:58:40

这是一个有点哈克

此规则适用于p标签

-webkit-box-shadow: #A3AFC6 0px -4px 0px 3px;

2010-08-29 22:10:54 Gilsham

非常感谢。甚至没有想过做一个盒子的影子。 – ParoX 2010-08-30 18:14:23

这在Chrome开发人员工具栏中的工作对我来说...

在div.middle_bg将高度设置为85px。然后在里面设置p标签的背景。

2010-08-29 04:34:42 Corey

Chrome的哪个版本对您有用？对于我在OSX上使用Chrome 6.0.472.51测试版不起作用。它也不适用于OSX上的Safari 5.0.1。在这两种情况下，我都会看到如上所示的切口。 – gutch 2010-08-29 04:40:55

同样在这里。 'p'标签已经设置为'background：transparent' ... – ParoX 2010-08-29 04:48:21

哦......没有注意到它必须是透明的。无视，我很愚蠢:) – Corey 2010-08-29 14:21:59

回答