Nettside-masker GIf transparency [LØST]

[Mads-b]

Jeg driver og soser med et nytt prosjekt der jeg gjerne kunne tenkt meg å "grunge" opp noen overskrifter. Siden jeg er så lat gidder jeg ikke å lagre alle overskriftene som bilder. Ideen kom da:

 

Hvorfor ikke lage en gjennomssiktig GIF som ble lagt over alle overskrifter ved hjelp av CSS. Denne skulle da være en "maske" og få overskriftene til å se stilige ut.

 

Problemet er at dette så perfekt ut i PS men jeg har ikke helt bildet for meg hvordan dette kan ordnes med CSS.

Endret 26. juli 2005 av MBaardsgaard

[Loomy]

Gilder/Levin-metoden burde passe bra til dette. Endret 26. juli 2005 av Loomy

[Mads-b]

Fantastisk! <drøsse på med tomme span tagger i koden>

 

Spørsmål to: noen som kjenner til en Font-family som likner Courier (t1) Denne fonten var kul, men jeg trenger liknende fonter til de som ikke har XP/denne fonten.

[Lokaltog]

Fantastisk! <drøsse på med tomme span tagger i koden>

 

Spørsmål to: noen som kjenner til en Font-family som likner Courier (t1) Denne fonten var kul, men jeg trenger liknende fonter til de som ikke har XP/denne fonten.

Tror alle operativsystemer har en font som tilsvarer Courier/Courier New. Bruk font-family:monospace som fallback-font, da kan du være sikker på at alle får en liknende font vist.

[Mads-b]

Loomy: Metoden virker ikke.. Etter å ha tilpasset koden mine behov, dukker ikke bildet opp! Følgende kode er relevant:

 

html, body {
background:blue;
}

h2 {
width: 591px;
height: 69px;
position: relative;

}
h2 span {
background: url(img2\mask.gif) no-repeat;
position: absolute;
width: 100%;
height: 100%;
}

 

<h2><span></span>Hallo</h2>

 

Blåfargen er for å oppdage bildet om det har kommet på avveie..

 

EDIT: leif

Endret 26. juli 2005 av MBaardsgaard

[Lokaltog]

Du kan ikke linke til bilder med backslash (\). Endre bildeadressen til img2/mask.gif, så skal det nok fungere.

[Mads-b]

D'oh! Det måtte jo bare være noe sånt. Men da funker det. Problem solved. Tusen takk for hjelpen.