Geek Answers Handbook

Cant click div with links after another div. Absolute position will not work.

I have a div after another div with html links. The problem is that the div is in the content slider filled with jquery. And because of this, I can’t click on the links to the divs that are below. Is there a way to make it clickable. I tried position:absolute , but that didn't work. Maybe there is a jquery hack or something else?

the div that blocks my navigation div is called "maincontent", and the navigation div is called "nav". The problem is that the maincontent div is above the "nav" div because I used margin-top: -60px; because of how I needed to code it.

+7
source share
3 answers

Add position:relative to the navigation bar. Is not it? This is because maincontent has a z-index installed on it. Add it to the nav block too and make sure it is higher than the one set to maincontent. I think so.

+5
source

If you are sure that the creation of nav appears on top of maincontent , this will not cause any visual problems (for example, nav prevents some content of maincontent) - then you can try using the CSS z-index property on both of these DIVs and setting z-index of nav higher (for example, 100) than z-index of maincontent (maybe 50 - the numbers are completely arbitrary, just check if there are any other elements with z-index settings in your layout and do not run into them). A.

Of course, beware of terrible IE, it has some strange problems with relative (or is it absolute?) Positioning and z-index.

+1
source

I had the same problem.

My problem was that if I changed the z-index to> 0, there would be problems with the design of the fault.

Since my page had static elements, I made the buttons paste them into their positions, but without them in a container with other elements.

I have had:

 .container#body-container #menu-buttons .menu-item#One .menu-item#Two .menu-item#Three .menu-item#Four .menu-item#Five

when it all started and I changed it to

 #nav-menu-container #One #Two #Three #Four #Five .container#body-container #menu-buttons .menu-item .menu-item .menu-item .menu-item .menu-item

I know this is a bit hacky, but this is the best I've received so far.

+1
source

More articles:


All Articles