Chrome과 Firefox의 Wordpress 표시 차이

누군가가 나를 도와 줄 수 있기를 바랍니다. 나는 Wordpress에서 "pullout"위젯을 사용하여 스크롤바를 포함해야하는 prettyPhoto 상자에 특정 텍스트를 열 수있는 인라인 "링크"를 표시합니다.Chrome과 Firefox의 Wordpress 표시 차이

이것은 Google 크롬에서 완벽하게 작동하지만 Firefox에서 페이지를 표시 할 때 풀다운 탭 안에있는 텍스트 상자의 모든 텍스트를 포함하며 링크를 클릭 할 때까지 숨기지 않습니다.

는 CSS에서

내가 사용하고 있습니다 : 여기

.hide 
{ 
display:none; 
}

내 위젯의 코드입니다

<a href="#inline-1" rel="prettyPhoto" >Link</a> 
    <div id="inline-1" class="hide"> 
     <p>Text to appear in prettyPhoto textbox when the Link is clicked 



</p></div> 
    </div>

어떤 도움이 크게 될

당신에게

출처

2012-08-28 user1426583

감사 감사하십시오 것 요소 인 경우 #inline-1에 대한 CSS 규칙을 확인하십시오. #inline-1에 display:block;을 설정하면 .hide 클래스의 을 덮어 씁니다. 이는 ID 별 CSS 규칙이 클래스 별 규칙보다 더 구체적이기 때문입니다.

이렇게하려면 Firebug for Firefox와 같은 도구를 사용할 수 있습니다.

또한 prettyPhoto 플러그인이 # inline-1 div의 표시를 수정하여 표시되게 할 수 있습니다.

출처

2012-08-28 19:25:15

답장을 보내 주셔서 감사합니다. 디스플레이가 보이지 않는 것 같습니다 : 블록 - CSS에서? 그러나 Chrome에서 '요소 검사'를 수행하면 '디스플레이 : 차단'이라는 문구가 표시됩니다. – user1426583

예, display : 블록; display : none; 그것을 무시하고있다. Firefox에서 Firebug로 요소를 검사하여 무슨 일이 일어나는지 확인해야합니다. 플러그인을 사용 중지하고 순수 CSS로 이동하여 진행 상황을 확인할 수도 있습니다. –

Chrome과 Firefox의 Wordpress 표시 차이

답변

관련 문제