Lytebox in IE8 richtig darstellen

[Admin]

Hallo zusammen!
Für die Leute die auch lyteboxhttp://www.dolem.com/lytebox/ benutzen,
hier eine kleine Korrektur in den css Anweisungen damit es auch im IE8 :wall: funktioniert!

Gefunden unter:http://guildlaunch.blogspot.com/2009/05 ... close.html

Das sind die css angaben vor den Änderungen
(Erweitert von mir um den Play und Pause Button !)

Code: Alles auswählen

Dieser für zurück:
#lbPrev { width: 49%; height: 100%; background: transparent url(images/blank.gif) no-repeat; display: block; left: 0; float: left; }

Dieser für nächste:
#lbNext { width: 49%; height: 100%; background: transparent url(images/blank.gif) no-repeat; display: block; right: 0; float: right; }

Dieser für schliessen:
#lbClose { width: 64px; height: 28px; float: right; margin-bottom: 1px; }

Dieser für Play:
#lb Play {no-repeat scroll 0% 50%;width: 64px;height: 28px;float: right;margin-bottom: 1px;}

Für Background:
#lb Overlay {position: fixed;top: 0;left: 0;z-index: 99998;width: 100%;height: 600px;}

Für Pause:
#lbPause:{width: 64px;height: 28px;float: right;margin-bottom: 1px;}

Nun die Änderungen damit es im IE8 angezeigt wird:

Code: Alles auswählen

Für zurück:
#lbPrev { width: 49%; height: 100%; background: transparent url(images/blank.gif) no-repeat; display: block; left: 0; float: left; background: url(images/prev_grey.gif) left 15% no-repeat; }

Für nächste:
#lbNext { width: 49%; height: 100%; background: transparent url(images/blank.gif) no-repeat; display: block; right: 0; float: right;background: url(images/next_grey.gif) right 15% no-repeat; }

Für schliessen:
#lbClose { width: 64px; height: 28px; float: right; margin-bottom: 1px; background: url(images/close_grey.png) no-repeat;}

Für Play:
#lbPlay { background: transparent url(images/play_grey.png) no-repeat scroll 0% 50%;width: 64px;height: 28px;float: right;margin-bottom: 1px;}

Für Background:
#lb Overlay {position: fixed;top: 0;left: 0;z-index: 99998;width: 100%;height: 600px;background-color: #000000;}

Für Pause:
#lbPause:{width: 64px;height: 28px;float: right;margin-bottom: 1px;background: transparent url(images/pause_grey.png) no-repeat scroll 0% 50%;}

Jetzt habt ihr eine Funktionsfähige lytebox.ccs auch für IE8 :dance: (Es funktioniert weiterhin in allen anderen Browsern!)
Ich hoffe es ist hier richtig gepostet :think: ?


Gruß
El Greco

Dieses Tutorial wurde am 11. Aug 2009 von camouflage1984 auf KompoZer-Web veröffentlicht.