V mojom html mám takýto tag:
<h1>My Website Title Here</h1>
Pomocou css chcem nahradiť text mojím skutočným logom. Logo som tam bez problémov dostal pomocou zmeny veľkosti značky a vloženia obrázka na pozadí pomocou css. Nemôžem však prísť na to, ako sa zbaviť textu. Videl som, že sa to predtým robilo v podstate tak, že sa text vytlačil z obrazovky. Problém je, že si nepamätám, kde som to videl.
Najjednoduchší spôsob pre rôzne prehliadače je zapísať HTML ako
<h1><span>Website Title</span></h1>
potom použite CSS na skrytie rozpätia a nahradenie obrázka
h1 {background:url(/nicetitle.png);}
h1 span {display:none;}
Ak môžete použiť CSS2, potom existujú niektoré lepšie spôsoby pomocou vlastnosti content
, ale bohužiaľ web ešte nie je na 100 % hotový.