Špatně nastavené CSS background

Místo pro dotazy a rady ohledně programovacích jazyků (C++, C#, PHP, ASP, Javascript, VBS..) a tvorby webových stránek

Moderátor: Mods_senior

Celsi
Level 1
Level 1
Příspěvky: 84
Registrován: listopad 08
Pohlaví: Muž
Stav:
Offline

Špatně nastavené CSS background

Příspěvekod Celsi » 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:
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.

Reklama
Uživatelský avatar
CZechBoY
Master Level 9.5
Master Level 9.5
Příspěvky: 8813
Registrován: srpen 08
Bydliště: Brno
Pohlaví: Muž
Stav:
Offline
Kontakt:

Re: Špatně nastavené CSS background

Příspěvekod CZechBoY » 09 zář 2011 15:59

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ě
PHP, Nette, MySQL, C#, TypeScript, Python
IntelliJ Idea, Docker, Opera browser, Linux Mint
iPhone XS
Raspberry PI 3 (KODI, Raspbian)
XBox One S, PS 4, nVidia GeForce NOW


  • Mohlo by vás zajímat
    Odpovědi
    Zobrazení
    Poslední příspěvek
  • Problém s DD příkazem, co dělám špatně? Příloha(y)
    od drobino » 13 pro 2024 19:21 » v LiNuX a ostatní alternativní OS
    7
    5834
    od drobino Zobrazit poslední příspěvek
    22 pro 2024 12:47
  • PS5 se odmítá připojit k 5GHz síti - hlásí špatné heslo
    od Renee » 19 srp 2024 09:13 » v Vše ostatní (inet)
    14
    7636
    od Renee Zobrazit poslední příspěvek
    19 srp 2024 14:01

Zpět na “Programování a tvorba webu”

Kdo je online

Uživatelé prohlížející si toto fórum: Žádní registrovaní uživatelé a 3 hosti