2011-01-13 157 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