how can I click a button or a link which is under a fixed div?

Recommended Answers

All 7 Replies

Member Avatar

Example? SHow us the page etc. If you can't hit it with a mouse, your only other option AFAIK is programmatically with js.

i made a slide and is fixed in the bottom as a div but the sheets r rolling under the div and there r buttons and links which when r under the transparent bg of the div arent clickable. I see internet explorer makes them clickable by itself but i need that also in mozila chrome opera etc. Can i make em clickable in ebvery browser as is in internet explorer ?

You still need to provide sample code, access to the page etc... very challenging to advise you without seeing it in action.

You can use pointer-events:none in the css of that transparent div to "ensure" it won't be the target of mouse events.

Ensure between air-quotes because it will depend on what's below the div. Also, it won't work in old IE (but what does).

with pointer-events:none the div is disabled but also not usable I need the div to be a target of mouse events but also and the links and buttons behind the div. ex:

<div id="slide">

<ul class="newslider">
<li><img src="/images/pic1.jpg" /></li>
<li><img src="/images/pic2.jpg" /></li>
<li><img src="/images/pic3.jpg" /></li>
<li><img src="/images/pic4.jpg" /></li>
</ul>
</div>

css

#slide{
high:300px;
width:100%;
position: fixed;

}

under (behind) the slider r "previous" and "next" buttons of the sheet and links which can be clicked without a problem in internet explorer but tey arent clickable in mozila chrome opera ...also the scrooling buttons of the slider must be active (clickable) same as the buttons of the sheet behind (back) the slider

What if you added it as none to the transparent div and as auto to the elements in the transparent div that need clicking?

I don't know why internet explorer would allow it when the others don't.

works tnx

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, learning, and sharing knowledge.