2015-06-04 2 views
0

Я могу получить нижний линейный градиент, отображаемый в Chrome и Firefox, но не в Safari или Internet Explorer.Линейный градиент не работает в Safari и Internet Explorer

Может ли кто-нибудь сказать мне, где я ошибаюсь?

background: -moz-linear-gradient(left, rgba(5,5,5,0) 48%, rgba(5,5,5,1) 49%, rgba(5,5,5,1) 51%, rgba(5,5,5,0) 52%, rgba(5,5,5,0) 54%); 
background: -webkit-gradient(linear, left top, right top, color-stop(48%,rgba(5,5,5,0)), color-stop(49%,rgba(5,5,5,1)), color-stop(51%,rgba(5,5,5,1)), color-stop(52%,rgba(5,5,5,0)), color-stop(54%,rgba(5,5,5,0))); 
background: -webkit-linear-gradient(left, rgba(5,5,5,0) 48%,rgba(5,5,5,1) 49%,rgba(5,5,5,1) 51%,rgba(5,5,5,0) 52%,rgba(5,5,5,0) 54%); 
background: -o-linear-gradient(left, rgba(5,5,5,0) 48%,rgba(5,5,5,1) 49%,rgba(5,5,5,1) 51%,rgba(5,5,5,0) 52%,rgba(5,5,5,0) 54%); 
background: -ms-linear-gradient(left, rgba(5,5,5,0) 48%,rgba(5,5,5,1) 49%,rgba(5,5,5,1) 51%,rgba(5,5,5,0) 52%,rgba(5,5,5,0) 54%); 
background:linear-gradient(to right, rgba(5,5,5,0) 48%,rgba(5,5,5,1) 49%,rgba(5,5,5,1) 51%,rgba(5,5,5,0) 52%,rgba(5,5,5,0) 54%); 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00050505', endColorstr='#00050505',GradientType=1); 

(я тестирование Safari на Ubuntu, используя как вино и modern.ie VirtualBox, т.е. на последнем)

+0

Какие версии? – phynam

+0

Safari 5 on Wine (PlayOnLinux), Safari 5.17 на Windows, IE 10 – Michael

ответ

0

Это удивительный инструмент, который я использую для всех моих градиентов. У меня никогда не было проблем с этим! Извините, я не могу понять вашу точную проблему, но, возможно, это поможет.

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

+0

Я уже использовал это, спасибо в любом случае. – Michael

0

Попробуйте использовать -webkit-градиент:/* Ваш градиент код * /;