CSS 탐색 문제

Question

그때 글꼴 색상은 회색으로 하위 항목 중 하나에 가서, 지금 내 페이지에

http://jsfiddle.net/aE2BB/1/

1 두 가지 문제가있다.

두 번째 #ffffff 색상을 사용하여 하위 항목의 배경을 80 %로 투명하게 만드는 방법을 알 수 없습니다. 당신이 그것을 떠날 때까지 자주색이 메인 아이템에 남아 있기를 원합니다.

아무도 도와 줄 수 있습니까?

Answer 1

는 [jsfiddle update]

1

)이 사용하여 적절한 CSS 선택기를 관리 또한 위에 표시된 모든 a 요소를 선택하십시오.

2) 원하는 내용을 정확하게 이해했는지 확신 할 수 없습니다 - 업데이트가 내 요구 사항에 맞습니까? rency 및 브라우저 간 호환성을 위해 -moz-opacity: 0.6;도 추가했습니다.

Answer 2

첫 번째 것은 마우스 오버와 관련이 있습니다. 항목 위로 마우스를 가져 가면 텍스트가 흰색으로 바뀝니다. 항목 자체가 아닌 하위 항목 위로 마우스를 가져 가면 분명히 회색 인 '기본'색상으로 되돌아갑니다. 자바 스크립트로이 문제를 해결할 수 있습니다. onmouseover = ""항목과 하위 항목이 모두 포함 된 전체 테두리에 추가하고 javascript가 CSS만이 아닌 흰색으로 색상을 설정하도록합니다. 이것이 CSS에서만 가능한지 확실하지 않습니다.

두 번째 아이디어는 생각납니다. 나는 그 배경을 투명하게 만드는 것이 가능하지 않다고 생각하지만, 하위 항목의 div에 IE의 .8 또는 80 불투명도를 지정하고 불투명도가 100 인 텍스트 만 div를 만듭니다.

희망이 도움이 될까요?

#navigation li.border:hover > a, 
#navigation ul.sub-level a:hover { 
    text-decoration:none; 
    color: #fff; 
} 

의미는 다음과 같습니다 : (즉, 메뉴 제목이다)를 통해 공중 선회 할 때 "li.border의 즉각적인 a 아이를 선택