CSS3：透明圆角问题

Question

网站位于此处： CLICK TO VIEW THE WEBSITE

以下是问题的图片：

正如您所看到的，使用CSS3 border-radius和background: transparent我能够从div中制作看似“cutout”的内容。问题应该很明显，角落也是透明的。

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

Answer 1

这有点hacky

此规则适用于p标记

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

Answer 2

这在我的Chrome浏览器工具栏中对我有用...

在div.middle_bg上将高度设置为85px。然后在其中的p标记上设置背景。