jQuery Cycle plugin z-index float problem
Posted
by Antony Carthy
on Stack Overflow
See other posts from Stack Overflow
or by Antony Carthy
Published on 2009-05-18T11:55:34Z
Indexed on
2010/03/18
7:51 UTC
Read the original article
Hit count: 751
When I try to place an element on top of my jQuery Cycle element, it doesn't work. The element is always behind the jQuery cycle element. I use float: right; to position the element, and set its z-index to 100000, to no avail.
Firebug sees the Cycle element and its children as having low z-indexes, and shows the floating element to be in the right place.
The element never shows above the Cycling images.
<!-- the cycling set -->
<div id='headerimages'>
<img src='images/header1.jpg' alt='' style='' />
<img src='images/header2.jpg' alt='' style='' />
<img src='images/header3.jpg' alt='' style='' />
</div>
<!-- the floating element -->
<img src='images/logotransparent.png' alt='' id='logo' />
© Stack Overflow or respective owner