Fixed Background Image σπάει σε Chrome και Opera

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

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

Απάντηση
Άβαταρ μέλους
ramonesmania
Δημοσιεύσεις: 28
Εγγραφή: 27 Αύγ 2008 02:46

Fixed Background Image σπάει σε Chrome και Opera

Δημοσίευση από ramonesmania » 19 Ιαν 2015 12:33

Έχω δημιουργήσει το εξής site το οποίο δούλευε μια χαρά σε κάθε browser.
http://goo.gl/SgTNpX

Ξαφνικά δεν δουλεύουν σωστά οι εικόνες που έχω fixed και cover background σε divs.
Δεν έχω πειράξει τίποτα στο site αυτό το διάστημα.
Το πρόβλημα εμφανίζεται σε Chrome και Opera όσο το έχω τεστάρει. Σε Firefox είναι κομπλέ.

Το CSS που χρησιμοποιώ στα div για να εμφανίζονται οι εικόνες fixed και cover είναι

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

#div{
background: url('image.jpg') no-repeat fixed 50% 0px transparent;
z-index: 99;
background-size: cover;
-webkit-transform: translateZ(0px);
}
Έχει αντιμετωπίσει κανείς κάτι παρόμοιο; Πως μπορώ να το διορθώσω;
Ευχαριστώ

παρακάτω μπορείτε να δείτε τι εμφανίζεται σε chrome και firefox αντίστοιχα
Εικόνα

Update Βρήκα μια λύση όχι η ιδανικότερη αλλά τουλάχιστον κάνει το site λειτουργικό. Σαν να έχει ένα θεματάκι ο chrome με τα fixed :/
@media screen and (-webkit-min-device-pixel-ratio:0) {
.div {
background-attachment: scroll !important;
}
}

Απάντηση

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

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

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