滑块革命 - 背景图片链接未点击Chrome

时间:2016-09-29 14:18:59

标签: css wordpress google-chrome revolution-slider

我们正在主页上使用幻灯片滑块进行幻灯片放映。购买门票的链接适用于Firefox,但链接无法在Chrome中点击。

https://havenac.com

我关闭了所有插件并逐个打开它们以测试插件冲突。据我所知,没有插件冲突。

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

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

我不知道css的哪个部分导致了冲突。我想也许是z级别或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' />

任何人都有任何想法/建议吗?

1 个答案:

答案 0 :(得分:0)

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

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