CSS Z 색인 발행

Question

현재 인쇄 세부 정보 도구 설명이있는 양식을 표시하고 있습니다. 나는 atmost에서 localhost (xampp)에서 일할 때 인쇄 세부 도구 팁이 완벽하게 정렬되어있는 것처럼 보였습니다. 인쇄 세부 도구 팁이 제대로 표시되지 않습니다. 내가 어디에서 실수했는지 모르겠습니다.

다음은 localhost의 스크린 샷입니다.

하지만 라이브 사이트 here

에서 가 제대로 작동하지 않습니다. 어떤 제안이라도 좋을 것입니다.

감사합니다, 비키

Answer 1

이 시도 :

#main-content .entry-content { 
overflow: visible; /* changed */ 
padding: 20px 0; 
} 

더 나은 당신이에 #print:hover+#tool_tip을 변경하는 것이 :

#print:hover+#tool_tip, #tool_tip:hover { /* <<<--- change is here */ 
display: block; 
background-color: #FF5C0A; 
color: #FFFFFF; 
}