Slider Revolution - 背景图片 Link 未点击 Chrome
Slider Revolution - Background Image Link not clicking in Chrome
我们正在为主页上的幻灯片使用旋转滑块。购票链接在 Firefox 中有效,但在 chrome 中无法点击。
我关闭了所有插件,然后一个一个打开它们来测试插件冲突。据我所知,没有插件冲突。
我在这里创建了一个空白页面模板,并对 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。试试这个,看看是否能解决您的问题!
我们正在为主页上的幻灯片使用旋转滑块。购票链接在 Firefox 中有效,但在 chrome 中无法点击。
我关闭了所有插件,然后一个一个打开它们来测试插件冲突。据我所知,没有插件冲突。
我在这里创建了一个空白页面模板,并对 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。试试这个,看看是否能解决您的问题!