2015-06-06 3 views
0

Попытка сделать градиенты, которые являются кросс-браузер: -webkit-linear-gradient(45deg, rgba(0,0,0,0) 0%, rgba(255,0,0,1) 100%) отлично работает в хроме - верхний правый красный и затухает верхний непрозрачности, и любой цвет, в первую rgba не влияет на градиент (как это не должны). Если я попытаюсь имитировать это в сафари: -webkit-gradient(linear, top right, left bottom, from (rgba(255,0,0,1)), to(rgba(0,0,0,0))) это не идентично, так как to(rgba(0,0,0,0)) влияет на градиент (изменение цвета влияет на градиент). Кто-нибудь знает, как имитировать прозрачность прозрачности в сафари? Я пробовал/искал несколько приемов, до сих пор ничего не сработало.WebKit градиенты и прозрачность

+0

использование http://www.colorzilla.com/gradient-editor/ – Dmitriy

+0

, когда я использую то, что он производит в сафари, отличается градиент – javatripping

+0

http://www.colorzilla.com/gradient-editor/# 000000 + 0, ff0004 + 100 & 1 + 0,0 + 100; Пользовательский - открыть это в хроме, а затем сафари, они разные – javatripping

ответ

0

Обнаружена проблема - сафари является единственным браузером, который учитывает прозрачный цвет RGBA при попытке смешивания на полпути, это легко решить, сделав RBGA прозрачного конца того же цвета, что и непрозрачный цвет - то есть - -webkit-gradient(linear, top right, left bottom, from (rgba(255,0,0,1)), to(rgba(255,0,0,0))) будет работать

Смежные вопросы