Αν θέλετε να βεβαιωθείτε ότι η εικόνα εμφανίζεται στο παρασκήνιο κλιμακώνεται σε πλήρη οθόνη, ανεξάρτητα από την ανάλυση που χρησιμοποιείται από εκείνους που βλέπουν αυτή τη σελίδα, μπορείτε να χρησιμοποιήσετε ένα μικρό κόλπο, στην πράξη, δεν θα χρησιμοποιηθεί για το χαρακτηριστικό υπόβαθρο της κλασικής φόντο της εικόνας, αλλά χάρη χρήση στυλ (CSS) μια κανονική εικόνα αλλάζει σε πλήρη οθόνη, και τοποθετείται ως χαμηλότερο επίπεδο από ό, τι άλλο περιεχόμενο.
Ο κώδικας έχει ως εξής:
<!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">
/ * Προωθεί τη σελίδα για να την πλήρη δυναμικότητα της περιοχής προβολής * /
html {ύψος: 100%?}
σώμα {ύψος: 100%? περιθώριο: 0? padding: 0?}
/ * Ετοιμάζει την εικόνα φόντου για την πλήρη δυναμικότητα της περιοχής προβολής * /
# Bg {θέση: σταθερό? Κορυφή: 0? Αριστερά: 0? Πλάτος: 100%? Ύψος: 100%?}
/ * Τοποθετεί το ontop περιεχόμενο της εικόνας φόντου * /
# Περιεχόμενο {θέση: σχετική? Z-index: 1?}
</ Span>
<-! [Αν ο IE 6]>
<style type="text/css">
/ * Ορισμένες ενημερώσεις κώδικα CSS για IE browsers * /
html {υπερχείλισης-y: κρυμμένο?}
{σώμα υπερχείλισης-y: auto?}
# Bg {position: absolute? Z-index: -1?}
# Περιεχόμενο {θέση: στατική?}
</ Span>
<[Endif] ->
</ Head>
<body>
<div id="bg"> <img yourimage src=" .jpg" width="100%" height="100%" alt=""> </ p>
<div <p> id="content"> Πληκτρολογήστε έναν τόνο του κειμένου ή οτιδήποτε άλλο εδώ. </ p> </ p>
</ Body>
</ Html>
Παράδειγμα: http://www.htmlite.com/faqEX004b.html
12, Νοεμ 2010 20:08
Γεια σας .... Maurice Ακολούθησα τις οδηγίες σας για την επιστολή, αλλά έχω διαπιστώσει κάποια προβλήματα ... της εργασίας δεν λειτουργεί, υπό την έννοια ότι με την πάροδο της σελίδας στο φόντο είναι λευκό και ο Internet Explorer μου είναι εντελώς αποκλεισμένο .... πώς μπορώ να το διορθώσω αυτό?
Σας ευχαριστώ για την προσοχή σας και τη διαθεσιμότητα
Παύλος
12, Νοεμ 2010 20:36
Γεια σου Paul,
Δοκίμασα με FF 4.0b7, ο IE8 και Opera 10,63 χωρίς προβλήματα (σταθερό στόχο την πλήρη οθόνη, το κείμενο θα κυλήσει).
Ελέγξτε τότε έχετε κάνει όλα σωστά.
12, Νοεμ 2010 20:51
είναι αλήθεια!! σας ευχαριστώ σας ευχαριστώ!
12, Νοεμ 2010 20:53
ευχαριστώ και πάλι για την πρότασή σας και μετά! έχει αποδειχθεί πολύ χρήσιμη! ευχαριστίες
12, Νοεμ 2010 21:02
Καταλαβαίνω τι έχει πάει στραβά ... βασικά όταν εφαρμόσετε το στυλ για το i και 6 που με ενοχλεί ....
μία αμφιβολία, αλλά γράφετε όπως ανέφερε, ή ότι είναι με δύο παύλες;
Ευχαριστώ και πάλι για την ευγένεια και την προσοχή σας
Παύλος
24 του Νοεμβρίου, 2010 11:11
Μυθική ... σας σώσει!
22 Σεπτεμβρίου, 2011 10:59
Άνθρωποι: IE9 κωδικό εδώ ότι οι αλλαγές όπως ξέρετε από τους άλλους, αν έχετε αναπτύξει με τον ανοικτό κώδικα θα είναι πραγματικά βοήθεια. Θα κάνει τις σελίδες σας ορατό σε IE9
Τοποθετήστε στη θέση του ήδη εκεί:
Κωδικός παρέχεται από την Google