Πρόβλημα με transparency

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

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

Απάντηση
dtravlos
Δημοσιεύσεις: 244
Εγγραφή: 29 Ιαν 2009 15:03
Τοποθεσία: Keratsini
Επικοινωνία:

Πρόβλημα με transparency

Δημοσίευση από dtravlos » 01 Απρ 2010 11:03

Καλημέρα παιδιά και καλές γιορτές! Θα ήθελα να ρωτήσω πώς μπορώ να μου λύσω ένα πρόβλημα που έχω με τα css. Έχω φτιάξει 2 class. Ένα που θέλω να έχει transparent κι άλλο ένα που να φαίνονται 100% το γράμματα. Σας παραθέτω τα class:

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

.transparentnone {
	filter:alpha(opacity=100);
	opacity:1;
	-moz-opacity: 1;
	-khtml-opacity: 1;
	z-index:999;
}

.transparent_bg {
	filter:alpha(opacity=65);
	opacity:0.65;
	-moz-opacity: 0.65;
	-khtml-opacity: 0.65;
	z-index:1;
}
Το πρώτο το έχω στο περιεχόμενο και το δεύτερο στο περίβλημά του. Αλλά το περιεχόμενο παίρνει κι αυτό το transparent. Τι μπορεί να συμβαίνει;
Ευχαριστώ πολύ!

Άβαταρ μέλους
cdhyper
Literature Moderator
Δημοσιεύσεις: 9707
Εγγραφή: 23 Ιουν 2001 03:00
Τοποθεσία: Φωτονερόπετρα
Επικοινωνία:

Πρόβλημα με transparency

Δημοσίευση από cdhyper » 01 Απρ 2010 16:15

Δεν ξέρω αν έχεις αποφασίσει τελικώς αν θες transparency ή όχι. Γιατί φτιάχνεις ένα container transparent και το content μη transparent; Πρέπει να κάνεις transparent ακριβώς την περιοχή που θες και όχι το container. Δηλ. να σκεφτείς αντίστροφα.
Σύγκριση τιμών Supermarket: http://www.shopnsave.gr
Νέα Ιταλικα επιπλα κουζινας
Για φιλοσόφους: http://filosofia.gr και http://liantinis.org

Άβαταρ μέλους
fafos
Script Master
Δημοσιεύσεις: 6231
Εγγραφή: 30 Νοέμ 2004 03:09

Πρόβλημα με transparency

Δημοσίευση από fafos » 01 Απρ 2010 16:30

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

.transparentnone {
position: relative;
}

nbc
Honorary Member
Δημοσιεύσεις: 526
Εγγραφή: 05 Σεπ 2009 20:12
Επικοινωνία:

Πρόβλημα με transparency

Δημοσίευση από nbc » 01 Απρ 2010 16:37

@cdhyper, πιθανότατα αντιμετωπίζει το κλασικό πρόβλημα του opaque κειμένου σε transparent background.

@dtravlos, το css opacity κληροδοτείται και ο τρόπος να το ξεπεράσεις είναι είτε με ping transparency είτε με αλλαγή του markup έτσι ώστε να μην υπάρχει σχέση parent-child μεταξύ background και foreground. Φυσικά, σε αυτήν την περίπτωση θα χρειαστείς 3o container και κατάλληλο positioning.

Δες εδώ ένα παράδειγμα.

dtravlos
Δημοσιεύσεις: 244
Εγγραφή: 29 Ιαν 2009 15:03
Τοποθεσία: Keratsini
Επικοινωνία:

Πρόβλημα με transparency

Δημοσίευση από dtravlos » 12 Απρ 2010 18:07

Καλησπέρα και καλή εβδομάδα!! Το έχω κάνει ακριβώς όπως γράφει στο tutorial αλλά δε δουλεύει.. Όταν το κάνω όμως σε κενή σελίδα δουλεύει... τι να κάνω;;;

dtravlos
Δημοσιεύσεις: 244
Εγγραφή: 29 Ιαν 2009 15:03
Τοποθεσία: Keratsini
Επικοινωνία:

Πρόβλημα με transparency

Δημοσίευση από dtravlos » 12 Απρ 2010 18:26

Τα κατάφερα! Έβαλα το z-index 0 αντί για 1.

Απάντηση

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

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

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