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:
IfrRef.style.display='block'; (line about 348).
3. Comment out the command like:
// IfrRef.style.display='block';
Now, it should work correctly.
-hg-
See also: Design of Drop-down menu
Using the CSSPrefix property for design of sub-menus
Applies to: Kentico CMS 5.0