[CSS]element <Map>:hover działanie na osobny div Opcje

[followc]

Witam,

niestety nie mogę aktualizować pliku .js, staram się zrobić następującą rzecz CSS3:
- obrazek jest ma mapę linków i po najechaniu na dany obszar, chciałbym aby w osobnym divie, obok obrazka wyświetlała się tabelka domyślnie niewidoczna. Próbowałem wszelkich selektorów, ale gdzieś muszę popełniać błąd, bo reakcji zero
mój kod CSS:

[HTML] pobierz, plaintext 
#id_area:hover ~ #element_ktory_ma_sie_wyswietlić{
	display:table;
}
[HTML] pobierz, plaintext 

struktura strony:

[HTML] pobierz, plaintext 
<div>
 
<div><div id="element_ktory_ma_sie_wyswietlić"></div></div>
 
<map><area id="id_area"><area></map>
 
</div>
[HTML] pobierz, plaintext 

Ma znaczenie kolejność?

[trueblue]

Ma znaczenie kolejność?

Ma. Mapa przed divem. Div#element_ktory bez diva nadrzędnego, albo selektor #id_area:hover ~ div #element_ktory
I poziom elementów.
Operator ~ kieruje na rodzeństwo w tej samej linii za danym elementem.

Ten post edytował trueblue 18.05.2016, 19:25:55