1
순수 CSS 팝업 컨텍스트 메뉴를 구현하고 Chrome에서 제대로 작동하도록하려고하지만 FireFox가 저를 곤경에 빠뜨립니다. 버튼을 집중하여 메뉴를 열 수 있습니다. 그러나 Chrome에서 작동하는 커서 및 마우스 오버 효과는 Firefox에서 발생하지 않습니다. 그것은 보이지만 파이어 폭스는 그렇지 않은 것처럼 행동한다.Firefox가 호버를 인식하지 못합니다.
나는 그것을 보여주는 jsfiddle가 여기에 있습니다 : 버튼에 초점이 맞춰지면
이nav button:focus nav {
visibility: visible;
opacity: 1;
}
nav li a:hover {
background-color: #b0e0e6;
transition: none;
}
첫 번째 선택은 탐색을 볼 수 있습니다 : https://jsfiddle.net/jeffmarston/j1c9x9mL/
의 핵심은 다음과 같은 CSS입니다. 두 번째는 이어야합니다.은 항목을 올리면 배경색이 변경되지만 Chrome에서만 작동합니다.
흠,
나는 그다지 의미 론적이지 않다. 나는 그것을 바깥으로 옮겨서 일하게했다. 버튼 내부의 요소와 상호 작용하는 것은 문제가 될 수 있습니다. 고마워, 리스터 씨! – Torqued