표시 파이어 폭스 57 탭 표시 줄 나는 FF 57의 탭 표시 줄을 숨길 기본적으로 <strong>userChrome.css</strong> 파일을 편집하려고하고 다음 코드를 사용 않았다

#TabsToolbar { 
    visibility: collapse !important; 
}

및 탭 바를 표시하려면 탐색 바 (예 : 주소 필드, 탐색 버튼, 메뉴 버튼 등)가있는 도구 모음 위로 마우스를 가져 가야합니다. 그래서, 나는 다음과 같은 방법으로 시도했다.

#nav-bar:hover+#TabsToolbar{ 
    visibility: visible !important; 
    background-color:red !important; 
}

나는 심지어 배경 색상도 변경되지 않는 것을 언급했기 때문에 호버 속성은 #의 탐색 바에서 전혀 작동하지 않는 것을주의했다.

업데이트 : 일반적으로 는, CSS는 다음과 같이 작동합니다은 :

#b 
 
{ 
 
visibility: collapse; 
 
} 
 
#a:hover+#b 
 
{ 
 
visibility: initial !important; 
 
}

<!DOCTYPE html> 
 
<html> 
 
<body> 
 

 
<toolbar id="a">div a 
 
\t <p>This para</p> 
 
</toolbar> 
 
<toolbar id="b">div b</toolbar> 
 
</body> 
 
</html>

출처

2017-12-15 user12458

마크 업이 없으면 CSS는 쓸모가 없습니다. 문제를 재현하는 정규화 된 [mcve] (실시간 미리보기)를 추가하는 것이 좋습니다. 또한이 예제에서'! important'를 삭제하는 것을 고려해야합니다. 무시할 것이 절대적으로 없으니 ... –

@cnd div에 대한 @AndreiGheorghiu는 작동하지만 파이어 폭스의 경우에는 작동하지 않습니다. 위의 질문에서 정상적인 경우에 CSS 스 니펫을 게시합니다. – user12458

작동하지 않으면'# nav-bar : hover + # TabsToolbar'가 귀하의 요소와 일치하지 않는다는 것을 의미합니다. 즉, Firefox 나 그 버전과 아무런 관련이 없음을 의미합니다. 테스트하기 만하면 다른 브라우저에서 프로젝트를 열 수 있습니다. –

이 나를 위해 일했다. #TabsToolbar 이후

#TabsToolbar { 
    visibility:collapse; 
} 

#navigator-toolbox:hover > #TabsToolbar{ 
    visibility: visible !important; 

}

는 #의 탐색 바 앞에있는과 CSS는 @Andrei 게오르규에 의해 강조로 전방을 지원합니다. # navigator-toolbax 인 부모 노드로 작업하고 의도 한대로 작동했습니다.

출처

2017-12-15 12:31:39 user12458

표시 파이어 폭스 57 탭 표시 줄 나는 FF 57의 탭 표시 줄을 숨길 기본적으로 <strong>userChrome.css</strong> 파일을 편집하려고하고 다음 코드를 사용 않았다

답변

관련 문제