嗯..这不是花哨的css3,但可以解决一个可能的解决方案：

我以前做过这个例子,我刚刚改变了#childWrap的后台网址

http://jsfiddle.net/qD4zd/1/(注意,渐变不是很灵活,因为它是用图像完成的.)

基本思想是,如果您有要使用渐变框架的元素,模式或只是图像,您应该将该元素包装在另一个要用作边框的另一个元素中.

2.

一个更灵活的梯度：另一件你可能想尝试的是http://www.css3pie.com,并使用外部元素中的渐变背景来创建一个像我的例子jsfiddle中的边框.

要么

http://www.colorzilla.com/gradient-editor/

(http://jsfiddle.net/qD4zd/2/)

3.

第三个注释.第一个方法可以通过使用实际的< img>标签,使您强制图像具体的高度和宽度..甚至可以看起来体面.