Koos Jaspers : CSS: IE Workaround für background:fixed

Beitrag lesen

SELF-Forum

CSS: IE Workaround für background:fixed

Koos Jaspers
– Informationen zu den Bewertungsregeln

IE - background:fixed - Headers und Footers

Da wurden schon einige Möglichkeiten beschrieben um in IE die CSS Eigenschaft background:fixed zu emulieren.
Die wirklich aller-einfachste, die bisher nicht in SELFHTML erwähnt wurde, benutzt die vielseitige, aber wenig benützte, Explorer CSS Eigenschaft 'expression'.

Beispiel zum ausprobieren:
-----------------------------------------------------------
<head>
<style>
.kopfzeile {   position:absolute;
               left:10px;
               top:expression(body.scrollTop+'px');
               font-size:14pt;background-color:#005;
               color:#ffa;width:100%;}
.fusszeile {   position:absolute;
               left:2px;
               top:expression(body.scrollTop+body.clientHeight-20);
               font-size:14pt;background-color:#005;
               color:#ffa;width:100%;}
</style>
</head>

<body>
<span class=kopfzeile>Dies is eine Kopfzeile</span>
<span class=fusszeile>Hier steht ein Footer</span>
Weitere Text usw<br><br><br><br><br><br><br>
Weitere Text usw<br><br><br><br><br><br><br>
Weitere Text usw<br><br><br><br><br><br><br>
Weitere Text usw<br><br><br><br><br><br><br>
Weitere Text usw<br><br><br><br><br><br><br>
</body>
-------------------------------------------------------------

Die 'expression' wird dynamisch verarbeitet, wenn gescrollt wird !
Also hat man in diesem Beispiel richtige 'header' und 'footer' Zeilen.
Es ist klar dass es weiterhin nog viele Gelegenheiten geben könnte  diese Eigenschaft zu benutzen, die auch verfügbar ist in allen anderen CSS Eigenschaften.

Herzlichen Gruss
Koos Jaspers, Rotterdam

Beitrag melden
–
Informationen zu den Bewertungsregeln