Slider Revolution - 背景图片 Link 未点击 Chrome

Slider Revolution - Background Image Link not clicking in Chrome

我们正在为主页上的幻灯片使用旋转滑块。购票链接在 Firefox 中有效,但在 chrome 中无法点击。

https://havenac.com

我关闭了所有插件,然后一个一个打开它们来测试插件冲突。据我所知,没有插件冲突。

我在这里创建了一个空白页面模板,并对 wp-head.php 进行了硬编码,以通过一个一个地删除每个脚本来测试 css 或 javascript 冲突。我发现当我删除主题的 style.css 时,滑块中的链接开始工作。所以我假设该文件中有某些内容与革命滑块代码冲突。这是该测试页:

https://havenac.com/dj-battle/

我无法判断 css 的哪一部分导致了冲突。我在想也许是 z levels 或 fancybox css。或者 chrome 以某种方式以不同方式呈现 css。

这是我从 wp-head.php 中删除的使其正常工作的代码行。

<link rel='stylesheet' id='base-style-css'  href='https://havenac.com/wp-content/themes/havennightclubgo/style.css' type='text/css' media='all' />

有人有 ideas/suggestions 吗?

.tp-parallax-wrap 下的许多 div 层之一,特别是 .tp-caption slidelink 具有 max-height: 1px 的内联样式。我相信这是导致问题的原因。我在浏览器检查器中添加了一个 class 测试 max-height: 100% !important 解决了这个问题。

我不会使用我用过的 !important 样式。但是导致问题的 div 高度为 1px,这也使内部 a 标签的高度也为 1px。试试这个,看看是否能解决您的问题!