Я хочу использовать несколько фонов в css, которые в настоящее время поддерживаются Firefox 3.61, Chrome/Safari, предположительно Opera10.5 (не работает на gnu/linux). Он работает нормально, однако я бы хотел использовать линейные градиенты в качестве фона. он работает нормально для Firefox, не работает вообще с Chrome, но я не могу понять, как заставить его работать как для , в то же время. любые подсказки? http://snook.ca/archives/html_and_css/multiple-bg-css-gradients был самым близким к тому, что мне нужно, но я не мог заставить его работать с хромом.Как использовать свойства поставщика в нескольких фонов?
1
A
ответ
0
это сработало для меня. кажется, что размещение mozilla после webkit делает webkit подтверждением существования второго параметра для фонового изображения и отменяет его старое объявление. поэтому я помещаю объявление -moz перед -webkit.
background-image: url("../images/block_stripe_bg.png"); /* for older browsers */ background-image: url("../images/block_stripe_bg.png"), -moz-linear-gradient(center top, white, #dddddd); /* works for mozilla, ignored by other browsers */ background-image: url("../images/block_stripe_bg.png"), -webkit-gradient(linear, center top, center bottom, from(white), to(#dddddd)); /* works for webkit, ignored by other browsers */ background-repeat: repeat; /* older browsers */ background-repeat: repeat, no-repeat; /* newer browsers should apply this to both backgrounds*/
0
Я не уверен, но думаю, что хром просто не поддерживает это. Хотя множественные фоновые изображения и градиенты css на одном элементе кажутся вам приятными, я по-прежнему рекомендую использовать несколько элементов с одним фоновым изображением. По какой-то причине все еще есть люди, которые используют IE, который вообще не является CSS3.
Смежные вопросы
- 1. Решение для нескольких фонов?
- 2. Использование нескольких фонов в приложении для Android
- 3. C# unity2D обработка нескольких фонов
- 4. Добавление нескольких фонов с jQuery
- 5. CSS: Z-индекс нескольких фонов
- 6. Добавление нескольких типов фонов в один JFrame
- 7. Как использовать поставщика в Ninject
- 8. ColorPicker, чтобы изменить один из нескольких фонов?
- 9. Как использовать свойства слюни для нескольких объектов
- 10. Изменить только один из нескольких фонов при наведении
- 11. Хороший подход для обработки переопределения нескольких фонов CSS?
- 12. Префикс поставщика css3 свойства в javascript
- 13. Как использовать расширение поставщика документов?
- 14. Laravel - Как использовать класс поставщика?
- 15. Несколько фонов в Safari
- 16. Фонов нет в FireFox
- 17. Как использовать класс поставщика в Laravel?
- 18. Как использовать заводского поставщика в угловом 2
- 19. Как использовать поставщика Sybase.Data.ASEClient.dll .NET в SSIS?
- 20. Как использовать поставщика в Go 1.6?
- 21. jQuery для изменения положения фона css на нескольких фонов
- 22. Angular2 - свойство поставщика «watch» в нескольких компонентах
- 23. Использование нескольких фонов с CSS3 только с одним повторением
- 24. Где я должен использовать CSS префиксы поставщика
- 25. Настройка нескольких фонов (изображение внизу страницы и цвет для остальных)
- 26. Как достичь бесконечных прокручиваемых фонов в swift
- 27. Как заполнить несколько фонов в объекте SVG?
- 28. Как установить несколько фонов в одной теме
- 29. Как использовать свойства в CSS?
- 30. Как использовать инжектор от поставщика Factory