Skrytie textu pomocou css

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.

Josh Crozier
Edited question 14 september 2014 в 4:50
Programovanie
css
23 január 2009 в 1:19
47 zobrazenia

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ý.

Robert
Edited answer 2 júl 2015 в 12:26
Komentáre (4)

môžete použiť vlastnosť css background-image a z-index, aby ste zabezpečili, že obrázok zostane pred textom.

Linus Caldwell
Edited answer 6 jún 2013 в 4:04
Komentáre (0)

Odpoveďou je vytvorenie rozpätia s vlastnosťou

{display:none;}

Príklad nájdete na tejto stránke.

Komentáre (1)