Home / Css / Html / Internet Explorer / Z Index

How To Display One Div Over Another Div In Ie6?

August 20, 2024 Post a Comment

I am writting some html code which have following structure

Solution 1:

What do you mean by "Lower_Element is a normal drop down box"? Is it a <select> element or a <div> as in your example? If it is a <select> then you are seeing a very old bug that affects IE6 and has been asked/solved many times before, for example Z-Index problems with IE6 and html <select> element and iframe shimming or ie6 (and below) select z-index bug

Solution 2:

Use position: absolute and z-index attribute to position one element above another

Related links:

Code

<divstyle="position:absolute"> ... </div>

Positioning:

Baca Juga

<divstyle="position:absolute; top: 100px; left: 100px"> ... </div>

UPD

<divstyle="position:relative"><form><divid="upper_element"style="position:absolute; z-index:2">I am top level div!</div><divid="lower_element"style="position:absolute; z-index:1">I am on the bottom of life</div></form></div>

http://jsfiddle.net/vLx6X/

Post a Comment for "How To Display One Div Over Another Div In Ie6?"

Element?

I have a table and I need the cells to have an element posi…

CSS - Auto Fill Height

Here's a js fiddle of what I currently have, I am tryin…

Store A Generated Random Number In A Variable, Then Call That Variable As A Filename To Bring Up An Image. Javascript

So I have a few pictures that I want to randomly generate o…

CSS Hover Jitter Issue

This is my first question. I usually try to research these …

Right Floated Element Disappears When Using Columns In Firefox

I am using an ol element with column-count and column-gap p…

Setting Link Href From Child Image Src Using JQuery

I am using .wrap() to create a link around each image withi…

How To Limit The Html Table Records In Each Page

I am populating a table in my jsp which has more than 20 re…

Separate Countdown For Divs

I want to show countdown in each of my divs. Right now I ge…

Retain Dynamically Created DropDown List's Selected Value On Event Window.history.back()- JavaScript

Can use the below question as a reference to explain the co…