Solved

Semi-transparent background on drop down menu

Posted on 2006-07-24
4
380 Views
Last Modified: 2008-02-01
Hi,

I have created a drop down menu in Dreamweaver, which drops down over an image. At the moment, the background of the drop down menu is solid white. Can someone please tell me how I can make it semi-transparent so that the picture it drops down over actually still shows through slightly? It would be really nice if it could fade to the semi-transparent state from the solid white.

Thanks in advance.

Code generated by Dreamweaver is below:

<script language="JavaScript">
<!--
function mmLoadMenus() {
  if (window.mm_menu_0724130109_0) return;
  window.mm_menu_0724130109_0 = new Menu("root",100,20,"Verdana, Arial, Helvetica, sans-serif",10,"#666666","#666666","#ffffff","#fbdfca","left","middle",5,0,1000,-5,7,true,false,true,0,false,true);
  mm_menu_0724130109_0.addMenuItem("Bob");
  mm_menu_0724130109_0.addMenuItem("Harry");
  mm_menu_0724130109_0.addMenuItem("Russell");
  mm_menu_0724130109_0.addMenuItem("Keira");
  mm_menu_0724130109_0.addMenuItem("Mike");
  mm_menu_0724130109_0.addMenuItem("David");
  mm_menu_0724130109_0.addMenuItem("Jackie");
  mm_menu_0724130109_0.addMenuItem("Michelle");
  mm_menu_0724130109_0.addMenuItem("Laura");
   mm_menu_0724130109_0.fontWeight="bold";
   mm_menu_0724130109_0.hideOnMouseOut=true;
   mm_menu_0724130109_0.menuBorder=0;
   mm_menu_0724130109_0.menuLiteBgColor='#ffffff';
   mm_menu_0724130109_0.menuBorderBgColor='#ffffff';
   mm_menu_0724130109_0.bgColor='#ffffff';

  mm_menu_0724130109_0.writeMenus();
} // mmLoadMenus()

//-->
</script>

...

<td><a href="#" onMouseOut="MM_startTimeout();" onMouseOver="MM_showMenu(window.mm_menu_0724130109_0,0,19,null,'button');"><img name="button" src="button.gif" width="89" height="16" border="0" alt=""></a></td>
0
Comment
Question by:adm-computing
4 Comments
 

Author Comment

by:adm-computing
ID: 17180273
anyone any ideas please?
0
 
LVL 4

Accepted Solution

by:
KarlPurkhardt earned 500 total points
ID: 17192660
Apply the following styles to the element that represents the menu:

For IE:
filter: alpha(opacity=85);

For Mozilla:
-moz-opacity: 0.85;

85 is the level of transparency, just play around with it untill you get the right effect.
0

Featured Post

How your wiki can always stay up-to-date

Quip doubles as a “living” wiki and a project management tool that evolves with your organization. As you finish projects in Quip, the work remains, easily accessible to all team members, new and old.
- Increase transparency
- Onboard new hires faster
- Access from mobile/offline

Join & Write a Comment

In Part 1 (http://www.experts-exchange.com/Programming/Languages/Scripting/JavaScript/A_7849-Hex-Maze.html) we covered the hexagonal maze basics -- how the cells are represented in a JavaScript array and how the maze is displayed.  In this part, we'…
This article will give core knowledge of JavaScript and will head in to your first JavaScript program. I am Durvesh Naik and I am here to deal with this series of JavaScript. I will teach you JavaScript in part wise , as its quite boring to read big…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

708 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

13 Experts available now in Live!

Get 1:1 Help Now