z-index

IE8 - navigation links not working.

Hey all - I've been googling this as much as possible, but nothing I do seems to help. I've been working on a website (www.philipdukes.co.uk), and although the nav seems to work fine in FF, Safari, chrome, even IE6 (miraculously), on my system here it fails miserably in IE8: the navigation links don't work. I hover on them, get the rol...

z-Index Preventing MouseOvers?

http://scriptbase.com/scripts/viewer.php The rounded bottom div is supposed to partially cover the thumbnails for aesthetic effect. The problem, is, though, that it seems to prevent all mouseovers in those two (inside the control box and inside the thumbnails wrapper). What's going wrong here and how do I fix it? ...

Cannot put HTML element on top of flash

No matter what values of z-index I try, I cannot overlay my html div (or img) element on top of this flash animation (see top left corner): http://www.resident.co.il/aspx/places.aspx?t=4&a=1 Any ideas ? ...

z-index issue in IE7

hi there we have a z-index problem with a div that's supposed to be over a particular div. the div named (house-over-banner) is absolute, whilst the one below it is relative. In Firefox, IE6, 8 - it shows all good! Just in IE7, it doesn't! the link is www.showhome3d.com.au. - it's the house over the baner on the right hand side of the ...

z-index and javascript events

So I have a couple of divs overlaid on eachother with differing z-index values. The default behaviour for browsers seems to be the event bound to the top-most z-index div gets fired. Ie I have multiple onclicks one for each div but only the top one is fired when the area is clicked. Is there a way to fire the events attached to all di...

override overflow:hidden with z-index

Am using coda_bubble jquery plugin, and i need to make my bubble pop out within an overflow hidden div. here is my sample code. <html> <head> <title>Override overflow:hidden</title> <link href="http://www.myjquery.co.uk/jslib/jquery_plugins/coda_bubble/bubble.css" rel="stylesheet" type="text/css" media="all" /> <script type="text/javasc...

Ideas for table row outline on hover? CSS outline fails on tr in Webkit.

I'm trying to build a table (filled with actual tabular data), and get an outline effect for a row on hover. I've tried a couple ideas, but cross-browser issues are holding me back. Would love to hear any ideas. Idea #1: Add CSS outline when hovering over <tr>. Works in IE8 & FF3, but not IE7 or Chrome (Webkit, so probably Safari too...

C# Position Window On Desktop

Hi all. Lets say I have a plain window in C#. It has no border styles so it cannot be moved or resized etc. How would i position that window so it appears at the same level as the desktop or one above? Like a widget or a rainmeter skin. Any ideas? ...

Select DIV with highest z-index

Example code so I can start explaining this problem: <div style="z-index:5">5</div> <div style="z-index:2">2</div> <div style="z-index:1">1</div> <div style="z-index:4">4</div> <div style="z-index:3">3</div> (z-index values do not matter, and their order, even less. Just example code) Problem: I want to select (either using CSS or JS...

Float a div above page content

I've implemented a popup box that dynamically displays search options. I want the box to "float" above all of the site content. Currently, when the box is displayed it displaces all of the content below it and looks bad. You can see an example at http://www.employeratlas.com/advancedsearch by clicking the "Add Specific Locations" opti...

css div not able to be displayed above other

I essentially have two div tags I'm dealing with. On this page - www.employeratlas.com/search.html - when you click on any of the four tabs that tab has a border around it. The idea is that the border is black on the left, right, and top, and is white on the bottom to cover up the border of the div below it. This works fine in everyth...

How to calculate the effective z-index of an HTML element

I would like to determine the z-index of an element on an html page from code. I am using jQuery. jQuery will allow me to check the applied z-index using $(element).css("z-index"). If the z-index is not set on that element directly though, Firefox returns "auto" and IE returns "0". The effective z-index of that node then depends on t...

z-index and anchor tag

I have a div with position relative and z-index :-1. and I have placed <A> over that div. But it seems <a> is not working when i give postion :relative to its parent. when change that position to absolute it starts working. Could anybody tell me why this is happening. I want that link to work and as far as possible need to keep its paren...

How to enable html content on top of flash content without using the "transparent" wmode parameter or how to optimize framerate when using the "transparent" wmode parameter for a flash object?

I'm developing a Flash application which is communicating with Javascript to allow more features such as custom html input etc., by placing an absolute positioned div on top of the flash application and controlling it's position etc. with Flash & Javascript. Because these html elements have to appear above the flash content, I figured ...

Make imageview appear above Gallery

I have a Gallery widget and 2 imageviews, one on the left of the screen and one on the right. I want the imageview and gallery to stay on the same line, but if there is an overlap, the imageview's z-index should be higher then the gallery's. The problem is the imageview appears underneath the gallery item. I've had a look in the android...

Doctype bug z-index

Hey guys, i got this code: <div style="position:relative; font-size:50px; z-index:2;"> LAYER 1 </div> <div style="position:relative; top:-50; left:5; color:red; font-size:80px; z-index:1"> LAYER 2 </div> where layer 2 should be under layer 1. It works fine without any doctype. If i add one, the divs acts standard: layer 1 layer...

Getting unordered list in front of image slide-show in IE8, IE7 and probably IE6...

I have a simple (absolutely positioned) image slide-show that consists of a few images that rotate every few seconds. To have different areas of the changing image click-able, I also have an unordered list containing the different links, relatively positioned in order to use z-index. This works just fine in Firefox (3.6), Safari (windo...

Is there a workaround for z-index stacking contexts?

Sample of the problem Let there be 3 divs. <div id="div1"><div id="div2"></div></div> <div id="div3" /> If div2 has a higher z-index than div3 but div1 has a lower z-index than div3, then div2 will be shown below div3. Is there any way to have div2 be above div3 without changing the z-index of div1 or making div2 a sibling of div1/d...

How do I calculate and use a Morton (z-index) value to index geodata with PHP/MySQL?

I have a MySQL table of records, each with a lat/lng coordinate. Searches are conducted on this data based on a center point and a radius (any records within the radius is returned). I'm using the spherical law of cosines to calculate the distance within my query. My problem is that indexing the geodata is horribly inefficient (lat/lng v...

Z-index problem on IE7

**this question is on bounty because the below answers did not solve the problem. I am debugging a page in IE7 and have run into one problem. When you hover over a nav link, the dropdown falls below the slide below it. The dropdown ul is positioned absolutely with a z-index of 10 and the slider is positioned relative to its parent with...