Špatně nastavené CSS background
Napsal: 09 zář 2011 11:06
Zdravim,
potřeboval bych pomoc s nastavením pozadí po najetí na obrázek. Hover efekt se zobrazí ale hrozně světle.
Jde o ten střed jak je 6 kategorií ocelové šperky, postříbřené, stříbro atd.
Originál obrázku je tento:

web:
http://www.123.eshop-sperku.cz/
Po najetí je ovšem hrozně světlý.
Tady je kod css:
Případně jestli půjde i změna toho textu z modré na bílé, protože na tomto podkladu je hrozně špatně vidět.
Děkuju za každou radu.
potřeboval bych pomoc s nastavením pozadí po najetí na obrázek. Hover efekt se zobrazí ale hrozně světle.
Jde o ten střed jak je 6 kategorií ocelové šperky, postříbřené, stříbro atd.
Originál obrázku je tento:

web:
http://www.123.eshop-sperku.cz/
Po najetí je ovšem hrozně světlý.
Tady je kod css:
Kód: Vybrat vše
#body .start_top table.second {margin-top:7px;}
#body .start_top table.second td {width:182px;position:relative;background: white;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
#body .start_top table.second td a span {display:block;width:100%;height:100%;position:absolute;left:0;top:0;zoom:1;filter:alpha(opacity=0);opacity:0;}
#body .start_top table.second td a:hover span {background: url(/out/basic/img/stred.png) no-repeat;display:block;width:100%;height:100%;position:absolute;left:0;top:0;zoom:1;filter:alpha(opacity=0);opacity:0;}
#body .start_top table.second td a:hover span {zoom:1;filter:alpha(opacity=30);opacity:0.3;}
#body .start_top table.second img {display:block;margin:0 auto;}
#body .start_top table.second h3 {color:#157598;font-size:13px;margin:0;padding:10px 5px;}
#body .start_top table.second a:hover {text-decoration:none;}
Případně jestli půjde i změna toho textu z modré na bílé, protože na tomto podkladu je hrozně špatně vidět.
Děkuju za každou radu.