Как использовать свойства поставщика на нескольких фона?

Question

Я хочу использовать несколько фонов в CSS, которые в настоящее время поддерживаются Firefox 3.61, Chrome / Safari, предположительно Opera10.5 (не работает на GNU / Linux). Он работает нормально, однако я хотел бы использовать линейные градиенты в качестве фона. Это работает нормально для Firefox, вообще не работает с Chrome, но я не могу понять, как сделать его работать для обоих в то же времяОтказ любые подсказки?http://snook.ca/Чахивы/html_and_css/multiple-bg-css-gradients. Пришел ближе всего, чтобы соответствовать тому, что мне нужно, но я не мог заставить его работать с Chrome.

Answer 1

Это сработало для меня. Похоже, размещение Mozilla после WebKit делает WebKit подтвердить существование второго параметра для фонового изображения и не рассылать его старую декларацию. Итак, я размещаю объявление -Моз до -ребкит.

 Фоновое изображение: URL (".. Изображения / bord_stripe_bg.png"); / * Для более старых браузеров * / background-image: URL (".. Images / bord_stripe_bg.png"), -Моз-линейный градиент (центр верхней вершины, белый, #ddddddd); / * работает для Mozilla, игнорируется другими браузерами * / background-изображение: URL ("../ Изображения / bord_stripe_bg.png"), -webkit-Gradient (линейный, центральный верхний, центр центра, от (белый), #dddddd)); / * работает для WebKit, игнорируется другими браузерами * / background-repeat: повторять; / * Старые браузеры * / background-repeat: повторите, не повторять; / * Новые браузеры должны применить это к обоим фона * /

Answer 2

Я не уверен, но я предполагаю, что Chrome просто не поддерживает этого. Хотя несколько фоновых изображений и градиентов CSS на одном элементе, которые наверняка звучат приятно, я бы все равно рекомендовал использовать несколько элементов с одним фоновым изображением каждый. По какой-то причине есть все еще люди, которые используют IE, что вообще не может быть CSS3.