2016-09-29 42 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區域。都沒有工作。接下來,我將嘗試下載革命滑塊插件文件,以查看是否可以找到內聯樣式。 –