Попытка сделать градиенты, которые являются кросс-браузер: -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
A
ответ
0
Обнаружена проблема - сафари является единственным браузером, который учитывает прозрачный цвет RGBA при попытке смешивания на полпути, это легко решить, сделав RBGA прозрачного конца того же цвета, что и непрозрачный цвет - то есть - -webkit-gradient(linear, top right, left bottom, from (rgba(255,0,0,1)), to(rgba(255,0,0,0)))
будет работать
Смежные вопросы
- 1. CSS3 Градиенты и прозрачность объединены?
- 2. Градиенты стека в -webkit-gradient
- 3. CSS3 Градиенты от Webkit до Moz
- 4. Возможны линейные градиенты с -webkit-border-image?
- 5. Градиенты CSS и непрозрачность
- 6. Прозрачность Firefox (прозрачность) Градиент - Затухание изображения
- 7. CSS3 Прозрачность + Градиент
- 8. HTML-градиенты и классы CSS
- 9. Прозрачность и прозрачность холста Three.js
- 10. Совместимость IE8 и линейные градиенты
- 11. Градиенты и память
- 12. jQuery .css() и градиенты
- 13. CSS спрайты и градиенты
- 14. CSS - Градиенты В IE
- 15. сафари и firefox vs chrome - css градиенты
- 16. Переключение фона на прозрачность при прокрутке в браузерах WebKit
- 17. Горизонтальные градиенты CSS?
- 18. Фоновые изображения и градиенты - размер управления изображением
- 19. CSS3 Градиенты в IE
- 20. Pixi JS и фоновые градиенты
- 21. Фоновые изображения и линейные градиенты
- 22. Градиенты и тени на кнопках
- 23. Мобильный Safari -webkit-background-clip: текст; и/или CSS-градиенты текста в мобильном сафари
- 24. CSS3 Градиенты и граничный радиус, ведущие к постороннему фону в webkit
- 25. Градиенты Tensorflow
- 26. Градиенты CSS в Fancybox jQuery?
- 27. Общая прозрачность/прозрачность SVG
- 28. Градиенты в Internet Explorer 9
- 29. Прозрачность CALayer и Quartz
- 30. GLKit и прозрачность
использование http://www.colorzilla.com/gradient-editor/ – Dmitriy
, когда я использую то, что он производит в сафари, отличается градиент – javatripping
http://www.colorzilla.com/gradient-editor/# 000000 + 0, ff0004 + 100 & 1 + 0,0 + 100; Пользовательский - открыть это в хроме, а затем сафари, они разные – javatripping