Jos haluat varmistaa, että kuva näkyy taustalla skaalataan koko näytön, riippumatta päätöslauselman käyttää ne, jotka näkevät tämän sivun, sinun täytyy käyttää hieman temppu käytännössä ei käytetä taustan ominaisuus klassisen background-image mutta kiitos käyttö tyylien (CSS) normaalia kuvan koko muuttuu koko näytön, ja sijoittui alhaisempi kuin muun sisällön.
Koodi on seuraava:
<!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">
/ * Työntää sivun täysi kapasiteetti katselualue * /
html {height: 100%;}
body {height: 100%; margin: 0; padding: 0;}
/ * Laatii taustakuvan täysi kapasiteetti katselualue * /
# Bg {position: fixed; alkuun: 0, vasen: 0, leveys: 100%; height: 100%;}
/ * Asettaa sisällön ontop ja taustakuva * /
# Sisältö {kanta: suhteellinen, z-index: 1;}
</ Div>
<! - [If IE 6]>
<style type="text/css">
/ * Joitakin css korjauksia IE-selaimissa * /
html {overflow-y: hidden;}
body {overflow-y: auto;}
# Bg {position: absolute; z-index: -1;}
# Sisältö {position: static;}
</ Div>
<! [Endif] ->
</ Head>
<body>
<div id="bg"> <img src=" yourimage .jpg" width="100%" height="100%" alt=""> </ div>
<div id="content"> <p> Anna ton tekstin tai mitä täältä. </ p> </ div>
</ Body>
</ Html>
Esimerkki: http://www.htmlite.com/faqEX004b.html
12 marraskuu 2010 20:08
Hei Maurice .... Olen seurannut ohjeita kirjaimellisesti, mutta olen löytänyt joitakin ongelmia ... työtä ei toimi, siinä mielessä, että läpimenoa sivun tausta on valkoinen ja minun internet explorer on täysin tukossa .... Miten voin korjata tämän???
Kiitos huomiota ja saatavuus
Paavali
12 marraskuu 2010 20:36
Hei Paul,
Yritin FF 4.0b7, IE8 ja Opera 10,63 ilman ongelmia (kiinteä näkymä koko näytössä teksti vierii).
Tarkista, niin olet tehnyt kaiken oikein.
12 marraskuu 2010 20:51
se on totta!! kiitos kiitos!
12 marraskuu 2010 20:53
Kiitos ehdotuksestasi ja post! on osoittautunut erittäin hyödylliseksi! kiitos
12 marraskuu 2010 21:02
Ymmärrän, mitä on mennyt pieleen ... periaatteessa kun haen tyyliä i ja 6, joka häiritsee minua ....
epäilystäkään, mutta voit kirjoittaa kun ilmoitettu tai joka on kanssa kaksi viivaa?
Kiitos vielä kerran ystävällisyyttä ja huomiota
Paavali
24 marraskuu 2010 11:11
Myyttinen ... pelastit minut!
22 syyskuu 2011 10:59
Ihmiset: IE9 koodia tässä, että muutokset kuten tiedätte muista jos saat avoimen lähdekoodin tulee olla todellinen apu. Se tekee sivut näkyvät IE9
Työnnä se paikalleen on jo olemassa:
Koodi tarjoaa Google