html鏈接無法在“貓頭鷹輪播”中使用

Question

我試圖在我的magento電子商務網站的主頁上將Owl Carousel用作滑動輪播。

但是，我包裹幻燈片的鏈接不起作用，甚至無法單擊。

在另一個問題中，張貼者解決了這個問題，並說：

我終於想通了！ 我的div位於最上方，並阻止了鏈接。.我只是更改了該div的z-index，鏈接現在可以正常工作了。

但是我不明白他到底做了什么。 有人可以幫我嗎？ 滑塊的第1部分是：

<div style="padding:29px 0 36px;background-color:#f4f4f4;">
<div class="container">
<div class="slider-with-side">
<div class="slider-area">
<div id="banner-slider-demo-8" class="owl-carousel owl-theme owl-bottom-narrow owl-banner-carousel">
<div class="item">
<a href="{{config path="web/unsecure/base_url"}}index.php/peripheriques/stockage.html"><img src="{{media url="wysiwyg/porto/homepage/slider/08/slide2.jpg"}}" alt="" /></a>
<div class="content" style="position:absolute;width:100%;height:100%;left:0;top:0;">
<div class="ribbon" style="position:absolute;text-align:right;">
<em style="font-weight:300;line-height:1;color:#fff;font-style:normal;">Vos Données En</em>
<h3 style="font-weight:700;line-height:1;color:#fff;">lieux</h3>
<h5 style="font-weight:600;line-height:1;color:#fff;">Sûr!</h5>
</div>
<div class="text-area" style="left:3%;bottom:15%;position:absolute;text-align:left;">
<h2 style="font-weight:600;line-height:1;color:#fff;background-color:#202020;background-color:rgba(23,23,23,.9);">SOLUTIONS <b style="font-weight:800;">DE STOCKAGE</b></h2><br/>
<p style="line-height:1.2;color:#fff;background-color:#444;background-color:rgba(23,23,23,.75);">Une offre vaste et polyvalente pour <b>STOCKEZ, <br/>PROTÉGEZ ET GÉREZ </b>efficacement vos données</p>
</div>              
</div>                      
</div>

第2部分是：

<div class="side-area">
<div class="item1">
<a href="{{config path="web/unsecure/base_url"}}index.php/consommables.html"><img src="{{media url="wysiwyg/porto/homepage/slider/08/right-banner1.jpg"}}" alt="" /></a>
<div class="content">
<em  style="color:#fff;font-weight:400;font-style:italic;line-height:1;">Consommables</em>
<h2 style="color:#fff;font-weight:700;line-height:1;">& Fournitures</h2>
</div>
</div>

滑塊布局的左側有一個大圖像，右側有3個小圖像。 都具有<a href標記，並且都不可單擊。 當我查看頁面源時，鏈接在那里！

Answer 1

我不知道這會對訪問此頁面的其他人有多大幫助，但是我遇到了同樣的問題，而且我在網上閱讀的所有解決方案都沒有用。這是我解決問題的方式，也許您會發現它也很有用，甚至如果對您造成問題的原因有所不同。

首先，我用貓頭鷹輪播隔離了該部分，以查看它是否是頁面上唯一的東西（確實有）。 然后，我添加了頁眉和頁腳並再次進行了測試（仍然有效）。 之后，我添加了每個部分，直到輪播鏈接停止工作。 一旦弄清楚是哪個部分引起了問題，我就仔細研究了一下是否可以發現異常。 在這種情況下，我們決定省略一些用於燈箱功能的代碼。 一旦刪除，一切工作正常。