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

我不知道这对帮助到达此页面的其他人有多大帮助，但是我遇到了同样的问题，我在网上看到的解决方案都没有解决方法这里我是如何解决问题的，也许你和＃39;即使问题的原因是不同的，也会发现它很有用。

首先，我用owl carousel隔离了该部分，看它是否有效，当它是页面上唯一的东西时（确实如此）。然后我添加了页眉和页脚并再次测试（仍然有效）。之后我添加了每个部分，直到轮播链接停止工作。一旦我弄清楚哪个部分导致了这个问题，我就仔细研究了一下，看看我是否能发现任何异常现象。在这种情况下，有一小段代码用于我们决定省略的灯箱功能。一旦删除，一切正常。

html链接无法在'猫头鹰转盘'中工作

1 个答案: