튀어 나온 메뉴 항목

CSS에 익숙하며 내 메뉴 항목에 문제가 있습니다. 마우스를 가져 가면 메뉴 항목이 위아래로 움직입니다. 즉, 어딘가에 패드 나 여백이 있어야합니다. 다른 패드와 여백을 제거했지만 여전히 불안해합니다. 누군가 내가 잘못하고있는 것을 말해 줄 수 있습니까?튀어 나온 메뉴 항목

Practice Area 's에서 마우스를 움직여서 "Employment Law"와 "Civil Rights"를 천천히 움직이면 메뉴/텍스트 점프가 표시됩니다. 여기

: 선택기의 http://jsfiddle.net/v4qnU/1/

출처

2012-08-31 Frank G.

하나, #menu li:hover 너무 욕심이었다. 그것은 jumoing을 일으키는 li 요소의 높이를 변경하고있었습니다. 나는 그것을 #menu > li:hover으로 바 꾸었고 그 메뉴에 점프가 없습니다. 나는 바이올린을 두드렸다. http://jsfiddle.net/ypJwz/

출처

2012-08-31 02:38:51

대단히 감사했다. 나는 CSS에 익숙하지만 학습은 당신이 Li에게하는 일을 설명 할 수 있습니까? –

'>'는 자식 선택자입니다. 'a> b'에서, 자식이거나 직접적으로 아래의 경우 b를 선택합니다. '.foo> .bar'는 내부 스팬을 일부 텍스트 일부 텍스트'에서 선택합니다. 더 자세한 정보는 http://www.w3.org/TR/CSS2/selector.html –

에서 찾을 수 있습니다. 그것은 CSS가 bar 대 foo를 사용하도록 알려줍니까? –

튀어 나온 메뉴 항목

답변

관련 문제