Help - Search - Members - Calendar
Full Version: Overlay box problem: hiding behind graphic
HTMLHelp Forums > Web Authoring > Markup (HTML, XHTML, XML)
Kolstee
I have a problem with the overlay box here:

http://www.jamestownrubberstamp.com/rubberstamps.html

Clicking on one of the products results in the display of an overlay box.

However, only in Chrome will the overlay box actually cover the graphic. In other browsers, the overlay sits behind the graphic.

Thanks for any help.
Kolstee
I try to adjust the z-index, but it doesn't work.
Darin McGrew
For starters, the online tools report markup and CSS errors:
http://htmlhelp.com/cgi-bin/validate.cgi?u...mp;warnings=yes
http://jigsaw.w3.org/css-validator/validat...ng=&lang=en

The overlay box is positioned slightly differently in my browsers (Firefox, Chrome, Safari, Opera; all on Mac), but it is on top of all the other content.
Kolstee
I did some adjustments, and now only in Safari is the swf graphic covering the overlay boxes. It works fine in IE, Firefox, and Chrome.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2014 Invision Power Services, Inc.