我们正在主页上使用幻灯片滑块进行幻灯片放映。购买门票的链接适用于Firefox,但链接无法在Chrome中点击。
我关闭了所有插件并逐个打开它们以测试插件冲突。据我所知,没有插件冲突。
我在这里创建了一个空白页面模板,并通过逐个删除每个脚本来对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' />
任何人都有任何想法/建议吗?
答案 0 :(得分:0)
.tp-parallax-wrap
下的众多div图层之一,特别是.tp-caption slidelink
的内联样式为max-height: 1px
。我相信这是导致问题的原因。我在浏览器检查器中添加了一个带有max-height: 100% !important
的测试类来解决问题。
我不会使用我使用过的!重要风格。但导致问题的div的高度为1px,内部a
标签的高度也为1px。试试这个,看看这是否能解决你的问题!