Skrijte besedilo z uporabo css

V svojem html imam takšno oznako:

<h1>My Website Title Here</h1>

Z uporabo css želim nadomestiti besedilo z dejanskim logotipom. Logotip sem brez težav dobil s spreminjanjem velikosti oznake in vstavljanjem slike ozadja prek css. Vendar ne morem ugotoviti, kako se znebiti besedila. Videl sem že, da je bilo to narejeno tako, da je besedilo potisnjeno z zaslona. Težava je v tem, da se ne morem spomniti, kje sem to videl.

Josh Crozier
Edited question Ndopoldan 20p14.9.20146tni 20trdopoldanni september 2014 в 4:50
Programiranje
css
Ndopoldan 6p23.1.20094tni 6trdopoldanni januar 2009 в 1:19
19 ogledi

Najprimernejši način za različne brskalnike je, da HTML zapišete kot

<h1><span>Website Title</span></h1>

nato uporabite CSS, da skrijete razpon in nadomestite sliko

h1 {background:url(/nicetitle.png);}
h1 span {display:none;}

Če lahko uporabite CSS2, potem obstaja nekaj boljših načinov z uporabo lastnosti content, vendar splet žal še ni 100-odstotno razvit.

Robert
Edited answer Npopoldan 47p2.7.20153tni 47trpopoldanni julij 2015 в 12:26
Komentarji (4)

lahko uporabite lastnost css background-image in z-index, da zagotovite, da slika ostane pred besedilom.

Linus Caldwell
Edited answer Npopoldan 34p6.6.20133tni 34trpopoldanni junij 2013 в 4:04
Komentarji (0)

Odgovor je, da ustvarite razpon z lastnostjo

{display:none;}

Primer lahko najdete na tej strani.

Komentarji (1)