Hover na jeden prvok- ovplyvnenie ostatnych – CSS – Fórum – Programujte.com

Caute,

mam problem s vytvorenim nasledujuceho "menu" na vyber tovaru.. 

V DIVe (cervene ramovanie - product-layout) su DIVy (zelene oramovanie - product-thumb). Po oznaceni mysou (hover) zeleneho divu, potrebujem aby ostatne divy product-thumb statili opacity (zosvetleli) . Urobil som to pomocou jquery, ale radsej by som bol keby to slo cez css. 

skusal som .product-layout:hover product-thumb:not(:hover) , resp. vela inych moznosti, ale na nic so neprisiel... problemom je , ze ked sa stane event hover na product-layout, ale este nie na product-thumb tak sa zosvetlia vsetky.. a potreboval by som aby sa zosvetlili iba v pripade ked bude hover na product-thumb.. dalo by sa to podla vas vyriesit iba cez css ?

Připojen obrázek.

Připojen obrázek.

tu je opraveny druhy obrazok 

Připojen obrázek.

#2 majooo
Napadá mě řešení pomocí z-indexu, kdy mezi element s hoverem a ostatní vložíš div s nějakým pozadím a nastavením nulovým displayem, přičemž se tento div zobrazí když se na nějaký prvek najede.

#3 ondrej39

dik, toto by mohlo byt funkcne :) .. vyskusam vecer...