2011-01-13 120 views
-2

您发送了在mozilla中运行的代码边框渐变。但它不适用于webkit浏览器。你能告诉我可以在webkit浏览器中为边界渐变运行的代码吗?铬中的边框渐变

+2

谁送他们?他们是什么?你能发布在Mozilla中有效的代码吗? – 2011-01-13 06:41:26

回答

1

您可以考虑使用父母的div与所需的边框有,然后只需设置父div的背景宽度的填充:

-webkit-gradient(linear, left top, left bottom, from(white), to(black)); 
3

渐变色边框的图片目前不在正常工作-webkit。事实上,只有通过边界图像快捷方式语法的基本边框图像支持才能在Webkit浏览器中使用。你需要使用嵌套div来破解。

1

你不必这样做:

-webkit-border-image: -webkit-gradient(linear, left top, left bottom, from(#00abeb), to(#fff), color-stop(0.5, #fff), color-stop(0.5, #66cc00)) 21 30 30 21 repeat repeat; 

会为你做这项工作。查看http://jsfiddle.net/MWaTw/的更多示例

+2

实际上,这给出了一个如何破碎渐变边框图像的好例子:http://jsfiddle.net/TQ8w3/ – 2011-07-13 04:44:40