Member Avatar for marjan_m

I design a page in which I make drop down menu by using Dreamweaver.I also used layers for the rest of contents.

The problem is that whn I place mouse pointer over the menu,I can only saw first option because the menu hide at the back side of a text which is written in a layer.Wht to do..?

Regards,

  • 3 Contributors
  • 3 Replies
  • 67 Views
  • 1 Month Discussion Span
  • Latest Post Latest Post by macneato

Dani AI

Generated

Short diagnosis: Dreamweaver "layers" are typically just absolutely positioned DIVs. The dropdown is being painted behind another positioned element because of stacking contexts and z-index. is correct that older browser quirks can change behavior, and 's DOM-order trick (placing the menu markup before other positioned blocks) can sometimes help — but the reliable fixes are explicit stacking control with CSS or placing the menu outside the interfering container.

Practical fixes to try now:

  • Make the menu container positioned and give it a higher z-index than the text layer. For example:
#mainMenu {
  position: absolute; /* or fixed/relative as fits the layout */
  z-index: 9999;
}
  • If the menu is inside a parent that itself has a z-index or creates a stacking context (positioning, transform, opacity, etc.), either raise that parent z-index or move the menu markup out of that parent (near the end of the body) so it can render above other layers.
  • If an embedded plugin is the culprit, use the plugin-specific overlay setting where applicable (historically Flash used wmode), but note that browser plugins like Flash have been deprecated and are no longer a recommended approach.

Debug tips: add temporary background colors/borders to each suspect element and use the browser inspector to check computed position and z-index. For a concise reference on stacking and z-index behavior see MDN: z-index.

Recommended Answers

All 3 Replies

Member Avatar for MidiMagic

Some browsers don't support layers fully.

Member Avatar for marjan_m

thn wht will be the solution of this problem?I m using IE

Member Avatar for macneato

Had the same problem.
ensure the menu layer anchor (div id) is above (before) your content anchors.
Problem is resolved.

If you think this information helped, or even better. Solved your problem. Please add to my rep

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.