usability: JS-Alternative für JS-lose

[dave]

Hi,

Ich hab also z.B. ein DIV mit den entspr. Infos. Dieses DIV ist erstmal display:none.
Wie kriegt ich das nun auf display:block, mittels eines :hover eines anderen Elementes? (ohne JS!)

Die beiden Elemente müssen irgendwie in einer Beziehung stehen die durch CSS-Kombinatoren abgebildet werden kann.
Am besten eignen sich wohl der Descendant combinator (Leerzeichen) oder der Adjacent sibling combinator (Pluszeichen).

Z.B.

<img src="" alt=""/>  
<div>  
  foo  
</div>

img + div {  
  display:none;  
}  
img:hover + div {  
  display:block;  
}

~dave