Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS]element <Map>:hover działanie na osobny div
Forum PHP.pl > Forum > Przedszkole
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:
  1. #id_area:hover ~ #element_ktory_ma_sie_wyswietlić{
  2. display:table;
  3. }


struktura strony:
  1. <div>
  2.  
  3. <div><div id="element_ktory_ma_sie_wyswietlić"></div></div>
  4.  
  5. <map><area id="id_area"><area></map>
  6.  
  7. </div>


Ma znaczenie kolejność?
trueblue
Cytat(followc @ 18.05.2016, 17:24:26 ) *
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.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.