divs το ένα μεσα στο άλλο ?

Ας μάθουμε πως να κάνουμε τις σελίδες μας με στιλ. Τα Cascading Style Sheets είναι ο τρόπος για να το επιτύχουμε.

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
prokopios
Δημοσιεύσεις: 155
Εγγραφή: 17 Φεβ 2006 15:47

divs το ένα μεσα στο άλλο ?

Δημοσίευση από prokopios » 31 Οκτ 2009 11:36

Γεια σας,
φτιάχνω το πρώτο μου site και θα ήθελα τη βοήθεια σας.

Έχω δημιουργήσει ένα div header , το οποίο με τη σειρά του περιέχει δυο άλλα divs , το ad και το logo. Στο ad γράφω ένα κείμενο και στο logo έχω μια εικόνα.

Αυτό που θα ήθελα είναι η εικόνα να γίνει διαφανής και να βρίσκεται πίσω από το κείμενο μεγαλωμένη προς τα δεξιά έτσι ώστε να μην είναι ένα σκέτο γρκι φόντο στο πάνω μέρος.

Για να την κάνω διαφανή έχω βρει κώδικα :

Κώδικας: Επιλογή όλων

<img src="a.jpg" style="opacity&#58;0.4;filter&#58;alpha&#40;opacity=40&#41;"
onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" />
Αλλά πως μπορεί να πάει πίσω από τα γράμματα?
Δοκίμασα να πειράξω το width από auto σε ένα ποσοστό. Στο firefox δούλευε και έκανε αυτό που θέλω αλλά στον explorer χάλαγε όλη την σελίδα.

Και κάτι άλλο θα μπορούσα με κάποιο τρόπο π.χ. το Message που βρίσκεται στην δεξιά πλευρά να πάει αριστερά για να μην είναι τόσο άδεια η σελίδα.

Ευχαριστώ εκ των προτέρων για τη βοήθεια!
Συνημμένα
demo.rar
(368.53 KiB) Μεταφορτώθηκε 275 φορές
ΑΥΤΑ!!!

sneaky
Δημοσιεύσεις: 18
Εγγραφή: 21 Νοέμ 2006 12:31

divs το ένα μεσα στο άλλο ?

Δημοσίευση από sneaky » 31 Οκτ 2009 16:31

Δοκίμασε να προσθέσεις στο div - class που θες το

Κώδικας: Επιλογή όλων

position&#58; absolute;
z-index&#58; -1;

prokopios
Δημοσιεύσεις: 155
Εγγραφή: 17 Φεβ 2006 15:47

divs το ένα μεσα στο άλλο ?

Δημοσίευση από prokopios » 01 Νοέμ 2009 12:32

Στο firefox και στον Chrome δουλεύει μια χαρά.
Αλλα στον explorer δε μου εμφανίζει καθόλου την επικεφαλίδα.
ΑΥΤΑ!!!

sneaky
Δημοσιεύσεις: 18
Εγγραφή: 21 Νοέμ 2006 12:31

divs το ένα μεσα στο άλλο ?

Δημοσίευση από sneaky » 01 Νοέμ 2009 15:56

Με IE8 εμένα μου παίζει μια χαρά που το δοκίμασα. Στον 7 δεν μπορώ να το δοκιμάσω αλλά δεν έχω δει να έχει πρόβλημα ο 7 με το z-index.

Εικόνα

Απάντηση

Επιστροφή στο “CSS - Cascading Style Sheets”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 0 επισκέπτες