How to create gradient background with CSS in Firefox < 3.6?


Tags: css,firefox,background

Problem :

anyone know if is possible to reproduce this effect

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));

also on ff < 3.6? im tryin' to generate a gradient background without images!

thanks a lot in advance for any advice.



Solution :

Doesn't seem that way: MDC Reference

Introduced in Gecko 1.9.2

(Firefox 3.6 / Fennec 1.0)

Scroll down in the document for info on how to do this on other browsers. Surprisingly, IE can do this since 5.5 (with a proprietary tag, of course).


    CSS Howto..

    CakePHP call really old css file. How to refresh

    How can I format all td elements contained in a table with class myclass in CSS?

    How to expand my CSS3 menu and reduce its width

    How to programmatically ungroup CSS selectors?

    How to display an image from a dropdown menu selection?

    How to display thick line under header of sub menu using css

    jQuery slideDown() moves everything below downwards. How to prevent this?

    How to make circle thing in CSS? [duplicate]

    How to select span element inside multiple div classes and id's?

    How do I format text to wrap onto a second line using bootstrap?

    How to host html files like css and javascript files

    how to setup css value for “-webkit-transform” in the “animate” method? [duplicate]

    How can i increase the round corner button width dynamically depends on the text size in CSS?

    How do i remove li element margin

    How to make a div move smoothly?

    How to achieve the same background image effect made in other stack communities?

    How can I get the CSS-Transforms to work

    How do I make my django app load content as I scroll?

    Difference in css position IE/FF, how to solv my problem?

    How to create animated border on hover

    How automatically adjust div's width using CSS?

    How to change css href=“” using javascript? [duplicate]

    How do browsers process and apply CSS styles to DOM elements?

    How do I investigate a “style sheet could not be loaded” message in Firefox?

    How can i put two divs and one nav into the header at the top-left, top-center and top- right with css

    How do I pick an image from a set of images on my Ajax form?

    how can resize the page? [closed]

    CSS table: How to position action buttons left to each row

    How to make this CSS compatible with IE browsers? [closed]

    How to change the indentation of all the lines except the first line in bulleted or non bulleted list?