How to make Drop-down menu semi-transparent

This article helps you to make Drop-down menu (CMSMenu control) semi-transparent. Maybe you have already noticed that standard CSS styles do not work for menu in Internet Explorer as usual.
The first step is adding the needful style to your CSS stylesheet. Find the classes you use (prefixes are in Drop-down menu web part properties). Usually, it looks like:

opacity: 0.5;
filter: alpha(opacity=50);

But Internet Explorer renders menu items grey not transparent.
If so, following steps help:

1. Open the file: <web site folder>/CMSScripts/skmmenu.js
2. Find the function: skm_shimSetVisibility(makevisible, tableid) and the line:'block'; (line about 348).
3. Comment out the command like:

Now, it should work correctly.


See also: Design of Drop-down menu
Using the CSSPrefix property for design of sub-menus

Applies to: Kentico CMS 5.0
Share this article on   LinkedIn

Juraj Ondrus

Hi, I am the Technical support leader at Kentico. I'm here to help you use Kentico and get as much as possible out of it.