Wasserzeichen in CSS

Das eigene Wasserzeichen für die Hompage, ganz leicht gemacht mit CSS. Das Wasserzeichen geht nicht mit dem Internet Explorer 6 oder älter.

Als erstes erstellt man ein halb transperentes Bild, geeignetes Format hierfür wäre PNG. Nun erstellen wir eine DIV Box die wie Folgt aussieht:

<DIV id=”Wasserzeichen”></div>

Der Csscode hierfür schaut dann so aus:

#Wasserzeichen{
bottom: 10px;
right: 10px;
position: fixed;}

“fixed” ist das geheimwort, welches das Bild beim scrollen unterbindet, dasses mit scrollt. Dadurch schaut es wie ein Wasserzeichen aus.


You can follow any responses to this entry through the RSS 2.0 feed.
You can leave a response, or create a trackback from your own site.

There are no comments yet, be the first to say something


Leave a Reply

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>