Background εικόνα

Post Reply

8 posts Page 1 of 1

theof

New member

Posts

Joined

Fri Mar 15, 2013 4:32 pm

Post by theof » Mon Mar 24, 2014 4:13 pm

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

θα ήθελα τη βοήθεια σας... Θέλω ως background στη σελίδα μου να μην είναι χρώμα αλλά εικόνα δεξιά και αριστερά στο επάνω μέρος που έχω το logo όχι. Έχω αλλάξει αυτό το κομμάτι του κώδικα:

Code: Select all

background-image: linear-gradient(bottom, rgb(189,183,189) 61%, rgb(201,204,207) 79%);
background-image: -o-linear-gradient(bottom, rgb(189,183,189) 61%, rgb(201,204,207) 79%);
background-image: -moz-linear-gradient(bottom, rgb(189,183,189) 61%, rgb(201,204,207) 79%);
background-image: -webkit-linear-gradient(bottom, rgb(189,183,189) 61%, rgb(201,204,207) 79%);
background-image: -ms-linear-gradient(bottom, rgb(189,183,189) 61%, rgb(201,204,207) 79%);
background-image: -webkit-gradient(
	linear,

	left bottom,

	left top,
	
	color-stop(0.61, rgb(189,183,189)),

	color-stop(0.79, rgb(201,204,207))
);

και έχω βάλει εικόνα αλλά το αποτέλεσμα είναι ένα λευκό φόντο
Μήπως ξέρετε πως μπορώ να το διορθώσω;

Σας ευχαριστώ πολύ εκ των προτέρων

theof

New member

Posts

Joined

Fri Mar 15, 2013 4:32 pm

Re: Background εικόνα

botonakis

Active Member

Posts

642

Joined

Tue Jan 24, 2012 7:55 pm

Location

Athens, Greece

Post by botonakis » Fri Mar 28, 2014 6:13 am

Θα μπορούσες να στείλεις ένα link να δούμε τον κώδικα που έχεις βάλει;

botonakis

Active Member

Posts

642

Joined

Tue Jan 24, 2012 7:55 pm

Location - Athens, Greece

Re: Background εικόνα

theof

New member

Posts

Joined

Fri Mar 15, 2013 4:32 pm

Post by theof » Fri Mar 28, 2014 3:09 pm

Αυτό έβαζα

Code: Select all

 { 
  background: url(images/bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

theof

New member

Posts

Joined

Fri Mar 15, 2013 4:32 pm

Re: Background εικόνα

botonakis

Active Member

Posts

642

Joined

Tue Jan 24, 2012 7:55 pm

Location

Athens, Greece

Post by botonakis » Fri Mar 28, 2014 7:08 pm

Κανονικά χρειαζόμαστε link να δούμε γιατί δε φορτώνει.

Σαν κώδικας είναι σωστός εάν:

δηλώσεις να είναι στο body ή στο html, τώρα δεν έχεις δηλώσει καθόλου που θα μπεί το background.
Εάν το αρχείο images/bg.jpg υπάρχει στο φάκελο που είναι το css αρχείο.

botonakis

Active Member

Posts

642

Joined

Tue Jan 24, 2012 7:55 pm

Location - Athens, Greece

Re: Background εικόνα

theof

New member

Posts

Joined

Fri Mar 15, 2013 4:32 pm

Post by theof » Fri Mar 28, 2014 7:45 pm

Ως background βγαίνει λευκό φόντο και δεν το αφήνω

theof

New member

Posts

Joined

Fri Mar 15, 2013 4:32 pm

Re: Background εικόνα

theof

New member

Posts

Joined

Fri Mar 15, 2013 4:32 pm

Post by theof » Fri Mar 28, 2014 7:49 pm

Σχετικά με αυτό

δηλώσεις να είναι στο body ή στο html, τώρα δεν έχεις δηλώσει καθόλου που θα μπεί το background.

τι εννοείς

theof

New member

Posts

Joined

Fri Mar 15, 2013 4:32 pm

Re: Background εικόνα

botonakis

Active Member

Posts

642

Joined

Tue Jan 24, 2012 7:55 pm

Location

Athens, Greece

Post by botonakis » Fri Mar 28, 2014 8:04 pm

Για βάλεις πχ background στο body της σελίδας ο κώδικας θα ήταν έτσι:

Code: Select all

body { 
  background: url(images/bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

Αντίστοιχα για ένα div layer με class dbackground:

Code: Select all

div.dbackground { 
  background: url(images/bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

botonakis

Active Member

Posts

642

Joined

Tue Jan 24, 2012 7:55 pm

Location - Athens, Greece

Re: Background εικόνα

theof

New member

Posts

Joined

Fri Mar 15, 2013 4:32 pm

Post by theof » Fri Mar 28, 2014 8:33 pm

Έχω επισυνάψει το css αλλά σε μορφή rtf για να το δεις (το css δεν μπορώ να το ανεβάσω).
Εγώ έβαζα το κομμάτι αυτό στη θέση του άλλου στην αρχή στο html
Σε ευχαριστώ πολύ