Как создать градиентный фон с помощью CSS в Firefox <3.6?

Question

Кто-нибудь знает, возможно ли воспроизвести этот эффект

background-image: -moz-linear-gradient(top, #666666, #000000);
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #000000),color-stop(1, #666666));

также на ff <3,6? я пытаюсь создать градиентный фон без изображений! </p>

Заранее большое спасибо за любые советы.

Answer 1

Не похоже: Ссылка MDC

Введено в Gecko 1.9.2

(Firefox 3.6 / Fennec 1.0)

Прокрутите документ вниз, чтобы узнать, как это сделать в других браузерах. Удивительно, но IE может делать это начиная с версии 5.5 (конечно, с проприетарным тегом).

Answer 2

Согласно https://developer.mozilla.org/en/CSS/-moz-linear-gradient -moz-linear-Gradient был введен в Firefox 3.6, поэтому ответ - нет, более старые версии Firefox не могут этого сделать.

Примечание. Если пользователь достаточно опытен, чтобы использовать Firefox, он, скорее всего, использует последнюю версию.

Если вы хотите узнать больше о CSS-градиенте, совместимом с кроссбраузерными, прочитайте эту запись .

Answer 3

Согласно этому , FF <3.6 не поддерживает линейные градиенты в CSS, я предлагаю вам использовать <a href="http://artist.tizag.com/photoshopTutorial/photoshopgradienttool.php" rel="nofollow noreferrer"> изображения . SVG может пригодиться, но я действительно не уверен в поддержке браузера для этого.