Div with upper z-index overrides another div with lower z-indez

Question

Div with upper z-index overrides another div with lower z-indez

Navigation

#1 by (2 votes)

3

I have 2 divs. The first one has z-index 1 and position fixed.
The second div has z-index 2 and position relative.

The second div has a very extensive content and between the contents, there is a blank part with 500px height. When I go through this blank part, the contents of the first div are revealed, but I have a button and I can not click this button.

In the second div's CSS I put the following code, but the buttons of the second div stopped working.

pointer-events: none

How do I invalidate the white space of the second div so that it is possible to click the button that is first div?

html css

asked by anonymous 06.09.2014 / 22:42

1 answer

What is the difference in size and coordinate measurement in Forms from C # Struct and chained list

score 2 · Accepted Answer

I do not know if I understand very well, but I believe you can use this css:

.botao-click { pointer-events: auto; }

"button-click" would be the button class.

* EDIT

I made some changes to your jsfiddle, see here: link . Basically I put the .d1 inside the .d2, I took the .d2 position: absolute, and the .content that covers the .d1 I left with position: relative.