Home > DeveloperSection > Forums > Background gradient IE7 CSS problem
Chintoo Semi

Total Post:135

Posted on    December-28-2012 7:52 AM


 1 Reply(s)
 1383  View(s)
Rate this:

Hi every one,

I am using the following bit of CSS to create a linear background gradient. It seems to work just fine in IE8/9, Firfox, Safari and chrome but not in IE7. IE7 shows a solid (green) background. Could anyone, who is familiar with this problem, please help me out?

This is my code

.menu_body a {



background: #008800;

/* Mozilla: */

background: -moz-linear-gradient(top, #0b71a4, #025f8e);

/* Chrome, Safari:*/

background: -webkit-gradient(linear,

            left top, left bottom, from(#0b71a4), to(#025f8e));

/* MSIE */

filter: progid:DXImageTransform.Microsoft.Gradient(

            StartColorStr='#0b71a4', EndColorStr='#025f8e', GradientType=0);

padding: 1px 18px;


Thanks in advance


Total Post:604

Posted on    December-28-2012 9:33 AM

Hi Chintoo Semi

You can try this code

In IE 7 or Greater than IE 7 version, filters won't work unless element has layout.

zoom: 1;
Be aware that it can break other things, so old good background-image might be safe and reliable solution.

Also please note that your CSS lacks gradient properties for Opera, IE10 and updated syntax for Webkit.

Don't want to miss updates? Please click the below button!

Follow MindStick