Hello,

I'm using Aquia Marina on an e-commerce site using Ubercart. Strangely, when viewing products in Thickbox the Primary Menus appear above the thickbox image (and are active). For example:

http://americanink.sundaysenergy.org/am-5000810-replacement-blade-78-801...

Click the product image and you'll see what I mean. I'm seeing this with IE 7, Firefox, Safari, and Camino.

Any response or assistance will be appreciated!

Jim

CommentFileSizeAuthor
#3 z-index_style.css_.patch521 bytesjwolf

Comments

jwolf’s picture

jwolf commented

This is an issue w/ z-index. The header-botton section of the theme is set to a z-index value of 600 whereas thickbox's TB_overlay has a z-index value of 100.
We set a high z-index value for header-bottom so that the primary menu drop downs will work correctly when the preface regions are in use.

You can fix this problem by changing the z-index value for TB_overlay to 700

thickbox.css - line 27

#TB_overlay {
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 700;
}
jimmb’s picture

jimmb commented

Thanks for the reply!

Unfortunately, that didn't really work. I changed the CSS to:

#TB_overlay {
  position: fixed;
  z-index:700;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

The result was that you could still see the tabs within thickbox, though they weren't active as before. Surprisingly, the image itself became much darker (sort of greyed-out) inside the thickbox. This is the case in Safari 3, Firefox 3, IE 7 and Camino. This may be more of a Thickbox issue, but any other ideas would be appreciated.

Jim

jwolf’s picture

jwolf commented
Component: Miscellaneous » Code
Assigned: Unassigned » jwolf
Status: Active » Needs review
StatusFileSize
new z-index_style.css_.patch521 bytes

You can safely change the theme's #header-bottom z-index to a lower value than that of thickbox's z-index
Changing the #header-bottom z-index value to 5 works in my tests.

Please let me know if this fix works for you and I will add it to the next release.

style.css starting at line number 342:

#header-bottom {
  margin: 0 auto;
  position: relative;
  width: 960px;
  z-index: 5;    /* fixes IE z-index bug */
}
jimmb’s picture

jimmb commented

Yep, that worked great!

Thanks,

Jim

jwolf’s picture

jwolf commented
Status: Needs review » Fixed

Added to dev - this fix will be available in 1.6 release.

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.