Home/ Questions/Q 7742865
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-01T09:23:08+00:00

Here is what I’ve done. How to make navigation menu similar to FF and

  • 0

Here is what I’ve done.
How to make navigation menu similar to FF and Chrome in IE?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    well, there is not support for radial gradients in all browsers, but if you are willing to settle for top to bottom gradient, there you go:

    /* SVG fallback(Opera 11.10-, IE9) */
background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdHlsZT0ic3RvcC1jb2xvcjpyZ2JhKDg1LDg1LDg1LDEpOyIgLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOnJnYmEoNTEsNTEsNTEsMSk7IiAvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IGZpbGw9InVybCgjZ3JhZGllbnQpIiBoZWlnaHQ9IjEwMCUiIHdpZHRoPSIxMDAlIiAvPjwvc3ZnPg==);

/* Opera 11.10+ */
background: -o-linear-gradient(left, rgba(85,85,85,1), rgba(51,51,51,1));

/* Firefox 3.6+ */
background: -moz-linear-gradient(left, rgba(85,85,85,1), rgba(51,51,51,1));

/* Chrome 7+ & Safari 5.03+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(85,85,85,1)), color-stop(1, rgba(51,51,51,1)));

/* IE5.5 - IE7 */
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr=#FF555555,EndColorStr=#FF333333);

/* IE8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr=#FF555555,EndColorStr=#FF333333)"
    • 0