Sent by Barney Carroll on 12 October 2007 10:10
Jesper Rønn-Jensen wrote:
> There are two things that cause me a problem so far:
> The "tip" will add an extra element in the html, so for now I add an empty
> "b" element with class="tip" at the end of each li-element. Now, this tip
> must overlap the following list item, but strangely it gets behind. I tried
> fiddling with setting z-index, but that did not help me. I'm blank on what
> to do here. Thats problem number 1.
Jesper,
The z-index won’t help you because the b (why b?) is /inside/ the li. So
relative to other elements in the li it will be higher, but at the end
of the day its container has the same z-index as the li following – so
the following li takes precedence.
You can give the lis higher z-indices in reverse order (so li#6 =
z-index:1, li#5 = z-index:2, li#4 = z-index:3, etc…), but you give the
impression you will be generating these automatically and this may be
difficult (but not impossible).
Only other solutions I can think of involve CSS3, javascript or extra
markup…
> Also, having not looked further into browser compatibility, there may also
> be some problems with other browsers: IE6, Safari
For what it’s worth, the Safari rendering is pretty much identical to FF’s.
Regards,
Barney
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt
