Вы отправили код градиентов границы, который работает в Mozilla.Но это не работает в браузере webkit.Можете ли вы сказать мне код, который запускается в браузере webkit для градиентов границы?
Градиенты для изображений границ в настоящее время работают неправильно в -webkit.Фактически, в браузерах Webkit работает только базовая поддержка изображения границы через синтаксис сокращения изображения границы.Вам нужно будет взломать вместе, используя вложенные div.
Вам не нужно этого делать:
-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/ для большего количества примеров
Вы можете рассмотреть возможность использования родительского div с отступом ширины, который должен иметь граница, а затем просто установить фон родительского div:
-webkit-gradient(linear, left top, left bottom, from(white), to(black));