<a href=""> tag on overlay div doesn&#39;t respond</a>

Question

我有一个叠加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/make-up-bag@2x.jpg" 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>

Answer 1

我认为div覆盖了锚点，锚点变得无法点击。
使用z-index CSS属性到锚点并将其设置为高：例如999。

Answer 2

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

而不是

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