2016-09-29 40 views
1

我们在主页上使用革命滑块来播放幻灯片。购买门票的链接可以在Firefox中使用,但链接无法在Chrome中点击。滑块革命 - 背景图片链接未在Chrome中点击

https://havenac.com

我关掉所有的插件,并把它们逐个测试一个插件冲突。据我所知,没有插件冲突。

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

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

我不能告诉什么CSS的一部分,是导致冲突的。我想也许这是Z级或fancybox的CSS。或者,也许铬是以不同的方式呈现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' /> 

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

回答

0

.tp-parallax-wrap下众多div层之一,具体来说.tp-caption slidelink的内联风格为max-height: 1px。我相信这是导致问题的原因。我在浏览器检查员中添加了一个测试类,其中修复了问题max-height: 100% !important

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

+0

呜!让我检查一下。 –

+0

它工作了吗? – adamk22

+0

我完全能够看到你在1px高度找到的东西,并在浏览器检查器中添加了一个测试类来使其工作。 我在'style.css中添加了'.tp-caption slidelink'风格,但它不起作用,即使使用'!important'也是如此。我还测试了将它添加到插件设置中的旋转滑块css区域。都没有工作。接下来,我将尝试下载革命滑块插件文件,以查看是否可以找到内联样式。 –