슈퍼 피쉬 - 호버시 링크 폭 변경

Question

저는 개발중인 사이트에 슈퍼 피쉬를 사용하고 있으며 해결할 수없는 약간의 성가신 문제가 발생했습니다.

기본적으로 메뉴는 하위 메뉴가있는 메뉴 항목 위에 마우스를 올릴 때까지 잘 보입니다. 화살표를 사용하여 하위 메뉴가있을 때를 표시 할 수 있지만 항목 위로 마우스를 가져 가면 텍스트가 주변으로 움직입니다. 마우스를 가져 가면 특정 스타일을 찾았지만이 문제를 일으키는 것을 볼 수있는 것은 없습니다.

앵커의 폭이 2 픽셀 줄어들어 텍스트가 움직이는 것처럼 보입니다. 나는이 문제를 해결할 수 있는지 확인하기 위해 고정 너비를 추가하려고했지만 문제가 여전히 발생합니다.

또한 하위 메뉴에서 텍스트 정렬이 가운데가 아닌 왼쪽으로 설정되어 있습니다. 화살표는 여전히 움직이지만 텍스트는 올바르게 동작합니다. 나는 이것이 이전에 언급 한 것처럼 앵커의 폭이 변하는 것 같아요.

마지막으로 눈치 챘을 점은 하위 메뉴가 'display : none'에서 'display : block'으로 변경 될 때 발생하지만 텍스트가 이동하게되는 원인을 파악할 수 없다는 것입니다. 단지 '제품의 범위'또는 '뉴스'위로 마우스를 이동하고 열려있는 하위 메뉴를 볼 수 있습니다 및 텍스트가 약간 움직일 -

이 사이트는 http://www.broder-metals-group.com/2014/

문제를 재현하는 것입니다.

감사합니다.

Answer 1

내 파이어 폭스 브라우저에서 제대로 작동합니다. Google 크롬 브라우저에서 언급 한 문제가 있습니다. 은 내가 비활성화 :

이 규칙 :

display: table-cell;

아래를 크롬에서 "점프"문제를 제거하지만, 분명히 조금의 서식을 망쳐 놨

.home .sf-menu li a 

.

"table-cell"을 사용하지 않고 서식을 지정할 수 있습니까?

는 어쩌면 단지 변경

padding: 0 20px; 

에

padding: 10px 20px; 

.home .sf-menu li a 

에서