Как это css совместимо с Google Chrome?

Это css совместимо с Firefox, но это не с Google Chrome. В Chrome прозрачно!Как это css совместимо с Google Chrome?

.hubsimular{ 
    background: url("../img/hub/controls.png") no-repeat top right, -moz-linear-gradient(rgba(208, 208, 208, 1.0), rgba(255, 255, 255, 0.9) 50%, rgba(208, 208, 208, 1.0)); 
}

Фоновое изображение полупрозрачное, а цвет деградирует под фоновым изображением.

На этом изображении можно увидеть проблему:

http://i.stack.imgur.com/oPyCi.jpg

источник

2014-01-16 user3132848

hubsimular{ 
background: url("../img/hub/controls.png") no-repeat top right, -moz-linear-gradient(rgba(208, 208, 208, 1.0),-webkit-linear-gradient(rgba(208, 208, 208, 1.0),linear-gradient(rgba(208, 208, 208, 1.0),rgba(255, 255, 255, 0.9) 50%, rgba(208, 208, 208, 1.0)); }

Вы должны Отступайте вариант и webkit вариант в дополнение к moz

источник

2014-01-16 10:40:30

Это правило будет просто получить отбрасываются в любом браузере , нет? –

ie9 и ниже не поддерживают градиенты. –

Я хочу сказать, что правило использует как '-moz-linear-gradient', так и' -webkit-linear-gradient' в значении 'background', поэтому оно будет отброшено как недопустимое значение всеми браузерами, отличными от Mozilla, из-за первый и браузеры Mozilla из-за последнего. Вы хотите несколько деклараций 'background' с различными префиксными значениями, а не со всеми значениями в нем. –

Это потому, что вы используете только -moz-linear-gradient. Вы должны использовать -webkit-linear-gradient а

источник

2014-01-16 10:38:04 Felix

Добавить

-webkit-linear-gradient(left, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);

источник

2014-01-16 10:39:34 Naele

Как это css совместимо с Google Chrome?

ответ

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