Microsoft filter/-ms-filter breaks Nice Menus

Created on 19 December 2011, over 12 years ago
Updated 2 May 2024, about 2 months ago

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?

✨ Feature request
Status

Closed: outdated

Version

2.1

Component

Browser Compat

Created by

πŸ‡¨πŸ‡¦Canada benmoreassynt

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Not all content is available!

It's likely this issue predates Contrib.social: some issue and comment data are missing.

Production build 0.69.0 2024