2016-09-29 2 views
1

홈페이지의 슬라이드 쇼에 혁명 슬라이더를 사용하고 있습니다. 티켓 구매 링크는 Firefox에서 작동하지만 링크는 크롬에서 클릭 할 수 없습니다.Slider Revolution - Chrome에서 배경 이미지 링크를 클릭하지 않습니다.

https://havenac.com

나는 모든 플러그인을 해제하고 플러그인 충돌 테스트하기 위해 하나 하나에 그들을 돌았 다. 내가 알 수있는 한 플러그인 충돌이 없다.

여기 빈 페이지 템플릿을 만들고 각 스크립트를 하나씩 제거하여 CSS 또는 자바 스크립트 충돌을 테스트하기 위해 wp-head.php를 하드 코딩했습니다. 내가 찾은 것은 테마의 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 slidelinkmax-height: 1px의 인라인 스타일을 가지고 있습니다. 이것이 문제의 원인이라고 생각합니다. 브라우저 검사기에 max-height: 100% !important이라는 테스트 클래스를 추가하여 문제를 해결했습니다.

! 내가 사용한 중요한 스타일을 사용하지 않겠습니다. 그러나 귀하의 문제를 일으키는 div는 1px 높이를 가지고있어서 a 태그 내부에 1px 높이를 제공합니다. 이 문제를 해결하고 문제가 해결되는지 확인하십시오.

+0

우! 그걸 확인해 볼게. –

+0

해결 되었습니까? – adamk22

+0

1px 높이로 무엇을 찾았는지 확실히 볼 수 있으며 브라우저 속성에 테스트 클래스를 추가하여 작동하게했습니다. '.tp-caption slidelink' 스타일을 제 style.css에 추가했지만'! important'를 사용하더라도 작동하지 않았습니다. 또한 플러그인 설정 내에서 revolution 슬라이더 CSS 영역에 추가하는 방법을 테스트했습니다. 어느 쪽도 효과가 없었다. 다음으로 나는 인라인 스타일을 찾을 수 있는지보기 위해 혁명 슬라이더 플러그인 파일을 다운로드하려고 할 것입니다. –

관련 문제