Wenn Sie sicherstellen, dass das Bild im Hintergrund auf Vollbild skaliert, unabhängig von der Auflösung von denjenigen, die diese Seite sehen verwendet erscheint möchten, müssen Sie einen kleinen Trick in der Praxis verwenden, nicht für den Hintergrund Merkmal der klassischen background-image aber dank verwendet werden Verwendung Stile (CSS) wird ein normales Bild auf Vollbild skaliert und platziert als einem niedrigeren Niveau als andere Inhalte.
Der Code ist wie folgt:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Background to fit screen</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="Imagetoolbar" content="no">
<style type="text/css">
/ * Schiebt die Seite an die volle Kapazität der Bildfläche * /
html {height: 100%;}
body {height: 100%; margin: 0; padding: 0;}
/ * Bereitet das Hintergrundbild auf volle Kapazität der Bildfläche * /
# BG {position: fixed; top: 0; left: 0; width: 100%; height: 100%;}
/ * Stellen, die Inhalte ontop des Hintergrundbildes * /
# Inhalt {position: relative; z-index: 1;}
</ Style>
<-! [If IE 6]>
<style type="text/css">
/ * Einige CSS-Korrekturen für IE-Browser * /
html {overflow-y: hidden;}
body {overflow-y: auto;}
# BG {position: absolute; z-index: -1;}
# Inhalt {position: static;}
</ Style>
<[Endif] ->
</ Head>
<body>
<div id="bg"> <img src=" yourimage .jpg" width="100%" height="100%" alt=""> </ div>
<div id="inhalt"> <p> Geben Sie eine Tonne von Text oder was auch immer hier. </ p> </ div>
</ Body>
</ Html>
Beispiel: http://www.htmlite.com/faqEX004b.html
12. November 2010 20.08 Uhr
Hallo Maurice .... Ich folgte Ihren Anweisungen auf das Schreiben, aber ich habe einige Probleme ... Arbeit gefunden funktioniert nicht, in dem Sinne, dass mit der Verabschiedung der Seite im Hintergrund ist weiß und mein Internet Explorer ist komplett gesperrt .... wie kann ich dies beheben???
Vielen Dank für Ihre Aufmerksamkeit und die Verfügbarkeit
Paul
12. November 2010 20.36 Uhr
Hallo Paul,
Ich habe versucht, mit FF 4.0b7, IE8 und Opera 10,63 ohne Probleme (feste sehen Sie den ganzen Bildschirm, der Text das Display).
Prüfen Sie dann, Sie haben alles richtig gemacht.
12. November 2010 20.51 Uhr
es ist wahr!!! danke danke!
12. November 2010 20.53 Uhr
Nochmals vielen Dank für Ihre Anregung und Post! hat sich als sehr nützlich! Dank
12. November 2010 21.02 Uhr
Ich verstehe, was schief gegangen ist ... im Grunde, wenn ich den Stil gelten für i und 6, das stört mich ....
ein Zweifel, aber Sie schreiben, wie man berichtet, oder dass es mit zwei Bindestrichen?
Nochmals vielen Dank für Ihre Freundlichkeit und Aufmerksamkeit
Paul
24. November 2010 11.11 Uhr
Mythische ... du hast mich gerettet!
22. September 2011 10.59 Uhr
Personen: IE9 Code hier, dass Änderungen wie Sie wissen von anderen, wenn Sie mit Open-Source-Entwicklung wird eine echte Hilfe sein. Es wird Ihren Seiten sichtbar auf IE9
Legen Sie es an Stelle des schon da:
Kodex der Google