2012-10-09 7 views
0

내 사이트의 내비게이션 메뉴에 대한 부모 [li] 요소의 이미지를 사용하고 싶습니다. 그런데 최선의 방법이라고 생각하는 것이 무엇인지 알고 싶습니다. 뭐야? 나는 단지 아이디어를 쓴 것을 요구하지 않습니다. 하위 목록 항목에 흰색 배경이 있고 약 80 픽셀의 너비가 있어야합니다. 앵커 태그 앞에있는 목록 항목 내에 이미지를 두는 것을 생각했지만 이미지는 드래그 할 수 있으며 내 의견으로는 싸게 보일 것입니다.jQuery 드롭 다운 메뉴에서 이미지를 부모로 사용 LI의

나는이 질문에 대해 아마도 불타질 것이다. 그러나 이미지를 사용하여 메뉴를 드롭 다운하는 것과 관련하여 그물에 그다지 도움이되지 않을 것이므로 한 문장의 제안 만해도 도움이된다. 사전에 죄송

충분한 세부 사항 :가없는 경우

+0

CSS 배경 이미지 속성 –

+0

을 사용하여 확인했습니다. 감사합니다. 나는 모든 것을 가능한 의미 론적으로 만들고 싶다. 그것이 나쁜 습관인지 확실하지 않았다. 앵커 텍스트를 비워두고 앵커 클래스/ID 또는 목록 항목을 통해 이미지를 삽입해야합니까? – Anon

+0

앵커 클래스를 통해 설정하면 필요할 경우 호버 효과를 사용할 수 있습니다. 또한 요소를 완전히 클릭 할 수 있도록 차단 요소인지 확인하십시오. –

답변

1

부모 <li> 요소를 (또한 첫번째 차일라고도 함)는 specificly이처럼 그들을 타겟팅 할 수 있습니다 스타일링 :

ul > li { 
    background : url('../img/bg.jpg'); 
} 

최고 이는 <li> 아래의 <li> 요소를 타겟팅하지 않는다는 것입니다.

+0

에 대한 해시 값입니다.하지만 각 첫 번째 자식 li은 다른 이미지를 가지므로 어떻게 할 것인가? 바보 같은 질문에 사과드립니다. – Anon

+0

바보 같은 질문은 없습니다. ID를 사용하는 경우 페이지에서 ID를 항상 한 번만 사용하십시오. 목록 항목에 ID를 추가하기 만하면됩니다. – Sem

+0

좋아요, 마지막으로 id와 클래스를 사용하는 것이 적절한 때는 언제입니까? 클래스를 두 번 이상 사용할 수 있다는 것을 알고 있으므로 유일한 차이점이 있습니까? (여러 요소를 타겟팅하려는 경우) – Anon

관련 문제