Said Savci
Said Savci

Reputation: 858

How can I put a div in the foreground with css?

I have implemented the following website: link

There are two textfields in the header part of the website. If you click on a textfield, a calender pops up. My problem is that the calender is not shown on the foreground although I set the css properties position: absolute; and z-index: 999;. What is the problem and how can I solve it?

Upvotes: 2

Views: 25915

Answers (2)

Shailender Arora
Shailender Arora

Reputation: 7778

Just remove overflow:hidden; from here #header .row-3

#header .row-3 {
    background: url("images/header-tail.gif") repeat-x scroll left top transparent;
    height: 276px;
}

see the attached image how i did

enter image description here

Upvotes: 0

bart s
bart s

Reputation: 5100

You can add the following to your css

.row-3 {
    overflow: visible;
}

Upvotes: 5

Related Questions