ฉันมี div ซ้อนทับ (rb-overlay) ที่ปรากฏขึ้นเมื่อผู้ใช้คลิกที่ตัวเลือกบนเพจ ภาพซ้อนทับครอบคลุมหน้า 100% และมีปุ่มปิดที่มุมขวาบน ในตอนท้ายของข้อความบนโอเวอร์เลย์นี้ (ดูโค้ดด้านล่าง) ฉันต้องการวางลิงก์ไปยังหน้าอื่นในไซต์ ลิงก์นี้ไม่ตอบสนองอย่างสันนิษฐานเนื่องจากการซ้อนทับขวางทาง มีความคิดอะไรบ้าง?
<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>