Stránka 1 z 1

Špatně nastavené CSS background

Napsal: 09 zář 2011 11:06
od Celsi
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:
Obrázek

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.

Re: Špatně nastavené CSS background

Napsal: 09 zář 2011 15:59
od CZechBoY
nikde jsem to na tom webu nenašel, obrázek neexistuje takže nemůžu vidět co myslíš

co ale vidět můžu je, že tu máš 2 styly pro 1 prvek(akci):
CSS píše:#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;}


na druhém řádku je opacity:0.3 (30% průhledný-pod tím je bílá způsobující zesvětlení)/opacity=30 pro IE
být tebou bych se vyvaroval psaní 2 stylů pro jeden prvek+akci, pak v tom můžeš mít bordel jako v tomto případě