Tag ‹a href› pada div overlay tidak merespons

Saya memiliki div overlay (rb-overlay) yang muncul ketika pengguna mengklik opsi di halaman. Hamparan menutupi halaman 100% dan memiliki tombol tutup di sudut kanan atas. Di akhir teks pada overlay ini (Lihat kode di bawah) Saya ingin menempatkan link ke halaman lain di situs. Tautan ini mungkin tidak merespons karena hamparan menghalangi. Ada ide?

<div class="rb-overlay" tabindex="5001" style="overflow: hidden; outline: none; opacity: 1; z-index: 9999; pointer-events: auto; clip: rect(0px 1434px 992px 0px);">
            <span class="rb-close">close</span>  <!-- service-content : starts -->
<div class="rb-week clearfix" style="background:#7a5c64">

                    <!-- service-matter : starts -->
                    <div class="service-matter">
                        <span style="font-size: 155.66666666666666px;">Make Up and Go</span>
                        <div id="service-carousel-01" class="carousel slide">  
                            <div class="carousel-inner">
                                <div class="item active"><img alt="" title="" class="service-spec-img" src="http://myrubyslippers.co.uk/wp-content/uploads/2014/07/[email protected]" width="467" height="352">
                                    <div class="carousel-caption">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="service-info">
                        <h5 class="service-spec">£20.00</h5>
                        <h3>What's involved</h3>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur hendrerit tempor dui, vel eleifend metus. Pellentesque blandit vestibulum laoreet. Donec dapibus ligula at risus ullamcorper, nec posuere sapien malesuada. Nam tortor nulla, aliquam sit amet aliquet at, malesuada ac sapien. Nam sed diam id velit feugiat egestas vitae non lacus. Duis pulvinar, ligula sit amet rhoncus imperdiet, nisi orci mollis mauris, ut semper nunc magna ut velit.</p>

                        <a href="http://myrubyslippers.co.uk/make-up-parties/">Click here to go to Make Up Services Section</a>
                     </div>
</div>


javascript overlay html jquery anchor
person Tony Lynn    schedule 02.08.2014    source sumber

Jawaban (2)


arrow_upward
1
arrow_downward

Saya pikir div menutupi jangkar dan jangkar menjadi tidak dapat diklik.
gunakan properti z-index CSS pada jangkar dan setel tinggi : 999 misalnya.

person Aysennoussi    schedule 02.08.2014
comment
Jangkar ada di div yang tidak tercakup olehnya. Tampaknya juga merespons peristiwa penunjuk (yaitu kursor tangan muncul saat melayang) hanya saja tidak terjadi apa-apa saat diklik - person Tony Lynn; 02.08.2014
comment
Ya dan jangkar memiliki indeks-z 11000 dan div rb-overlay indeks-z 9999 - person Tony Lynn; 02.08.2014

arrow_upward
0
arrow_downward 

<div class="rb-week clearfix" style="background:#7a5c64; z-index:1000;">

alih-alih

<div class="rb-week clearfix" style="background:#7a5c64">
person Neeraj Dubey    schedule 02.08.2014
comment
Maaf, saya baru menyadari bahwa overlay disebut rb-overlay dan div itu muncul pertama kali - Saya melewatkannya dari kode asli saya ‹div class=rb-overlay tabindex=5001 style=overflow:hidden; garis besar: tidak ada; opacity: 1; indeks-z: 9999; acara penunjuk: otomatis; clip: rect(0px 1434px 992px 0px);› ‹span class=rb-close›close‹/span› ‹!-- service-content : dimulai --› ‹div class=rb-week clearfix style=background:#7a5c64 › - person Tony Lynn; 02.08.2014