CSS3:透明圆角问题

Question

网站位于这里：点击查看网站

下面是问题的图像：

​

正如您所看到的，使用CSS3 border-radius和background: transparent，我能够从div中生成看起来像“裁剪”的内容。问题应该很明显，角也是透明的。

我知道我只需要一个图像，问题就会解决，但我想使用CSS3。我认为可能有一些巧妙的方法来解决这个问题，但我并没有想过。我想指出的是，我正在使用css3pie.com来允许IE6通过IE8 CSS3功能。

Answer 1

这有点烦人

此规则适用于p标记。

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

Answer 2

这在Chrome的开发者工具栏上对我有用..。

在div.middle_bg上，将高度设置为85 to。然后在其内部的p标记上设置背景。