background εικόνα στο 100%
το άρθρο δημοσιεύτηκε στις 3/2/2011
από τον/την Γιώργος Μπρουντζάς
Πολλές φορές θέλουμε στην σελίδα μας να τοποθετήσουμε στο παρασκήνιο μία εικόνα (background) αλλά να πιάνει το 100% του ύψους και του πλάτους, ανεξάρτητα από την ανάλυση του χρήστη. Να κάνει δηλαδή stretch η εικόνα.
Αντιμετώπισα πρόσφατα ένα τέτοιο θέμα και το έλυσα ως εξής:
Φτιάχνουμε ένα div πριν το page-wrap. Μέσα σε αυτό θα συμπεριλάβουμε την εικόνα μας.
Κώδικας: <div id="bg-wrap"><img src="path/eikona.jpg" /></div>
και γράφουμε στο css:
Κώδικας: #bg-wrap{
position:fixed;
top:0px;
margin:0 auto;
height:100%;
width:100%;
z-index:-2;
}
#bg-wrap img{
height:100%;
width:100%;
}
|
|
Σχετικά Άρθρα
ημερομηνία: 11/12/2008
xPertShop και ειδική έκδοση B2B για πελάτες χονδρικής!
ημερομηνία: 20/7/2011
Διαφημιστείτε στο Google με 80,00 ευρώ!
ημερομηνία: 4/10/2011
Σχεδίαση ιστοσελίδων tooeasyhome.gr, tooeasylaw.gr
|