"Use the Quick Tag Selector to select the transparent background's
hyperlink, then use the Behaviors task pane to add: "
The Quick Tag Selector is the strip of buttons labelled with HTML tags
near the top of the screen, directly between the page tags and the
page design.
If you click on the transparent image, the <img> tag will be
highlighted, move back in the selector strip and click on the <a> tag.
Then add behaviours as you did before.
"One Behavior for each Layer that contains a menu leaf."
Every menu leaf you added needs a behaviour on this <a> tag to make it
invisible. - if you aded 5 menu dropdowns, you need 5 behaviours.
Each behaviour works on a layer containing a menu.
"One Behavior for the Layer that contains the transparent background.
"
This behaviour closes the layer containg the image. If this isn't
done, you would not be able to click any links under the image.
The code for this hyperlink / image will be something like:
<div id="menubg"
style="position:absolute;top:15px;left:30px;width:500px;z-index:1">
<a href="javascript:;"onmouseover="
FP_changeProp(/*id*/'leaf1',0,'style.visibility','hidden','visibility'
,'hide');
FP_changeProp(/*id*/'leaf2',0,'style.visibility','hidden','visibility'
,'hide');
FP_changeProp(/*id*/'leaf3',0,'style.visibility','hidden','visibility'
,'hide');
FP_changeProp(/*id*/'leaf4',0,'style.visibility','hidden','visibility'
,'hide')"
FP_changeProp(/*id*/'menubg',0,'style.visibility','hidden','visibility
','hide')"
<img src="images/transparent.gif" width="500" height="400"
alt=""></a>
</div>
"In each case, the Behavior should make the object invisible. That is,
it should set style.visibility to hidden (for IE and Netscape 6/7) and
visibility to hide (for Netscape 4)."
Does this help?
