I am trying to show a specific table row on top of an overlay. It's working in Firefox, but not Safari. I don't understand how that can be possible since Firefox and Safari usually render these types of things the same. <body> <style> .overlay { position:absolute; width:100%; height:100%;...
I would like to select all "div" elements that are children of the "body" and have z-index: 2 property set. document.querySelectorAll('body > div'); How do I involve the z-index check on this querySelector? ...
i am trying to create a sub navigation which is followed by seperator line (div with a bottom border) which acts as a visual cue. but the line is appearing below the menu items. not sure how to get it right http://jsbin.com/ijewi4 ...
I have an issue that only seems to affect Safari and Chrome (aka WebKit). I have an overlay that fills the whole screen, and two table rows that I would like to appear on top of the overlay. Everything else on the page should be displayed below the overlay. The problem is that Safari only displays one of the table rows on top. Firefox c...
Is it possible to arrange (z) order of objects in Flash with ActionScript 3? e.g. I have 3 symbol instances on a given layer, and I want to perform the equivalent of 'Bring to Front', 'Bring Forward', and/or target a certain z position. ...
Hi, I'm really struggling to find a way of bringing forward another programs window. For example, I use FindWindow to find the handle of Notepad. I then try to bring the window forward using SetWindowPos(hWnd, 0,0, 0, 0, 0, SWP_SHOWWINDOW|SWP_NOSIZE|SWP_NOMOVE); But it just doesnt work!! ShowWindow doesnt either! Can you please hel...
I want to position one div over another div. CSS: .fresh_bnr_img { float:left; width:950px; text-align:center; } .black_strip1 { position:relative; top:20px; width:120px; height:50px; background:#000; opacity:0.5; z-index:999; } HTML: <div class="fresh_bnr_img"> <div class="black_strip1">Home</div> <img src=...
Hey Stack Overflow community! Our Group is trying to create a slide-out option panel for products to be sold on our site. For some reason, CSS is acting up on us and it's a pain to get our images to layer properly. In the past, z-index did the trick, but now we have to test random stylings and workarounds just to get remotely what we'r...
I'm trying to create a blurred drop shadow (similar to the CSS3 box-shadow) in Internet Explorer. The most logical way to do this seems to be to find all elements that need a shadow in IE, and inject a new div inside of them using jQuery. This new div will fill the exact same space as its parent, and it can then be blurred using IE's b...
I'm trying to get an absolutely positioned DIV to display in front of a Flash object; I can get this to work in every browser except Chrome. There are a couple of similar questions on here, but nothing pertaining to a problem with Chrome specifically. I've tried several of the suggested solutions, such as setting the 'wmode' param to 't...
What would make a html element e.g. an ul aboslutely positioned with a zindex of say 5000 to appear below a div of a lower zindex say 0? This behaviour is seen in IE8. ...
When you print in IE it prints content in the layer below the top one. Any way around this. I'd rather do it via css than a setting in the browser. Many thanks, Jools ...
Hy, I run for several hours on a bug ie6, it was not the only one that I was locking it remains only to solve this one and I would finally be quiet. I have a vertical menu that I built, the problem is that the second level menu does not overlap with that of the first level despite the z-index. Under FF is impeccable, in ie6 it fair. ...
I have 3 divs, each with a z-index higher than the previous and all overlain on eachother. The bottom div has an image, the next div has a background-color with opacity:0.7 and the topmost div has another image. The problem is the top-most image also appears underneath the background-color of the div beneath it, in Chrome, FF and IE. ...
Hi, I've got a page with an iframe displaying external website that covers the whole page, on top there's a div with some content, similar to google images new interface. If in the page contained in the iframe there's a youtube video it goes over the content in the main page, since the page in the iframe is from an external web site a ca...
If you click the orange ORDER button at the top the #dimmer should cover the whole background and the form should appear at the top. (lightbox-like effect) The problem is that in IE7 the #dimmer would appear at the top regardless of it's z-index. In other browsers everything works nicely. Link: http://fenelon.ru/projects/SpaceFood/2...
I am writting a google map using V3 of the API, into my page which results in a completley unrelated part of the page disappearing only in safai. If you look at this page http://local.stv.tv/bellshill/ the blue navigation bar is fine, yet when you go to any page with a google map on it, part of the navigation dissapears e.g. http://loca...
hi, i'm using jquery + swfupload - the problem: when displaying a jQuery dialog, the swfupload-button always is on top and is overlapping the dialog window. i've already tried increasing the z-index of the dialog but didn't help. any ideas how to fix it? thx ...
How can i hide (Let it be on the page somewhere and the user shouldnt see it) a div using some tricks with Z-Index ? I dont want to put style="display:none;" to the div to hide it. Any thoughts ? Looking for a solution which works in major browsers ...
Hi, I have a bunch of divs on the screen. What I want to do is, when I select any div, I want its zIndex to be always higher than all other divs. In my application, i will need to do this repeatedly whenever I select a div, put it on top of others. Is this possible using Javascript? ...