javascript - 覆盖 div 上的 标记没有响应

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 覆盖了 anchor ，并且 anchor 变得不可点击。
使用 z-index CSS 属性作为 anchor 并将其设置为高值:例如 999。