Post by kukalex » Sat Dec 08, 2012 8:45 pm

Καλημέρα σε όλους/ες!

Έχω κολλήσει σε μια λεπτομέρεια. Αν μπορεί κάποιος να βοηθήσει θα το εκτιμούσα ιδιαιτέρως.

Πρόκειται για την background εικόνα που έχω τοποθετήσει. Θα ήθελα να μην κινείται όταν κάνουμε scroll αλλά να κινείται μόνο το κυρίως σώμα του eshop.
Μετά από αρκετό ψάξιμο το κατάφερα, αλλά δουλεύει μόνο με τους ΙΕ & FF browsers ενώ εμένα με ενδιαφέρει να δουλεύει με όλους.
Ο κώδικας στο css που έκανα είναι ο εξής:

body {
background-image: url('../image/bg.jpg');
background-color: #000000;
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center top;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
margin: 0px;
padding: 0px;
}

Μπορεί κάποιος να μου πεί αν υπάρχει κάτι λάθος που το κάνει να παίζει στους άλλους browsers και όχι στον Ο?

Ευχαριστώ,
Αλέξανδρος.

User avatar
New member

Posts

Joined
Tue Nov 13, 2012 5:43 pm
Location - Athens

Post by People's Code » Sat Dec 08, 2012 9:27 pm

Θα έπρεπε να λειτουργεί, όταν έχεις τέτοια προβλήματα απομόνωσε το και δοκίμασε το μόνο του σε μια απλή σελίδα html. Έτσι θα ξέρεις σίγουρα τι φταίει.

Επίσης,
- όταν έχεις 0 είναι πιο ορθό να μην βάζεις px
- στο color όταν είναι ίδιοι και οι 6 χαρακτήρες, μπορείς να έχεις μόνο τους 3
- αντί να γράφεις όλο το κατεβατό με τα background properties υπάρχει και το shorthand notation ;)

Code: Select all

body {
background: #000 url('../image/bg.jpg') no-repeat fixed center top;
color: #000;
font-family: Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
}

PeoplesCode.com
Επίσημος Αντιπρόσωπος OpenCart | Extensions - Φιλοξενία - Αναβάθμιση - Τεχνική Υποστήριξη OpenCart
Opencart-Hellas.gr - Η Ελληνική κοινότητα του Opencart
Πλήρης Ελληνική μετάφραση OpenCart


User avatar
Active Member

Posts

Joined
Fri Jul 27, 2012 5:30 am
Location - Hellas

Post by kukalex » Sun Dec 09, 2012 2:30 am

Καλησπέρα Opencart-Hellas..!!

Είσαι ο guru του opencart τελικά. Για άλλη μια φορά εσύ με βοήθησες.
Δεν χρειάστηκε να το απομονώσω γιατί μόλις έκανα copy/paste το δικό σου κώδικα δούλεψε σε Opera αμέσως....!!!

Σίγουρα κάτι 'μαγικό' κάνεις, δεν εξηγείται αλλιώς...
Δες πως είχε κι έχει το πράγμα:

Πρίν γράψω τον κώδικα όπως τον είδες και μου δούλευε μόνο σε ΙΕ & FF είχα δοκιμάσει άλλον, πολύ όμοιο με τον δικό σου που και ΠΑΛΙ δεν δούλευε σε Opera κι ήταν έτσι:

body {
background: #000 url('../image/bg.jpg') no-repeat top center fixed;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
margin: 0px;
padding: 0px;
}
Μπορείς να μου βρείς που ήταν εδώ το λάθος και δεν δούλευε στον Opera?
Να σου πω εγώ...?? ΠΟΥΘΕΝΑ..!!
Απλά ήθελε το guru του!

Αφού είδα οτι με το δικό σου δούλευε, το διέγραψα κι έβαλα το δικό μου όπως τον βλέπεις πιο πάνω, με το fixed στο τέλος, με 6 χαρακτήρες στο χρώμα και με τα px.
Κάνω clear cache/cookies στον Opera, το τρέχω... και δουλεύει... η background εικόνα μένει σταθερή στον Opera.
Ήμαρτον!! σε τρελαίνει ή όχι? Ξέρεις που το πάλευα επι 2,5 ώρες πριν ποστάρω εδώ για βοήθεια?
Τελικά μπορείς να μου πεις εσύ γιατί έγινε αυτό?

Και πάλι ευχαριστώ.

User avatar
New member

Posts

Joined
Tue Nov 13, 2012 5:43 pm
Location - Athens

Post by People's Code » Sun Dec 09, 2012 9:29 pm

;D Μάλλον ήταν θέμα του cache στο browser

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

PeoplesCode.com
Επίσημος Αντιπρόσωπος OpenCart | Extensions - Φιλοξενία - Αναβάθμιση - Τεχνική Υποστήριξη OpenCart
Opencart-Hellas.gr - Η Ελληνική κοινότητα του Opencart
Πλήρης Ελληνική μετάφραση OpenCart


User avatar
Active Member

Posts

Joined
Fri Jul 27, 2012 5:30 am
Location - Hellas

Post by kukalex » Mon Dec 10, 2012 12:25 am

Ευχαριστώ Opencart-Hellas!

Πολύ χρήσιμο το link που μου έδωσες!

User avatar
New member

Posts

Joined
Tue Nov 13, 2012 5:43 pm
Location - Athens
Who is online

Users browsing this forum: No registered users and 6 guests