CSS3:透明圆角问题

Question

网站位于此处:点击查看网站

这是问题的图像:

正如您所看到的,使用CSS3 border-radius,background: transparent我能够从div中制作看起来像"剪切"的东西.问题应该很明显,角落也是透明的.

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

Answer 1

这有点hacky

此规则适用于 p 标签

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