Divs that try to use gradients based on Microsofts filter syntax break Nice Menu dropdowns.

Example:

#mynicemenu
{background: #9BB95D; /*Old Browsers*/
background: -moz-linear-gradient(top,  #ffffff 0%, #9bb95d 98%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(98%,#9bb95d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#9bb95d 98%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#9bb95d 98%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#9bb95d 98%); /* IE10+ */
background: linear-gradient(top,  #ffffff 0%,#9bb95d 98%); /* W3C */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#9bb95d',GradientType=0 ); /* IE6-9 */ /*BREAKS DROPDOWNS*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#9bb95d',GradientType=0 )"; /* BREAKS DROPDOWNS */
}

The only solution I can find is to abandon attempts to use background gradients on MS browsers.

Can anybody think of a workaround of this issue so that background gradients can be made available to IE users with Nicemenu?

Comments

vordude’s picture

Any Idea what it's actually breaking? I'm willing to fix something if something is in fact broken,

astonvictor’s picture

Issue summary: View changes
Status: Active » Closed (outdated)

I'm closing it because the issue was created a long time ago without any further steps.

if you still need it then raise a new one.
thanks