Header background not loading

Question

my background is not loading. It is embedded in the header tag loading through the style sheet. See css below:

header{
margin: 0;
background-image: url(/images/sagage_header900.png) no-repeat ;
display: block;    
}

Thanx in advance!

Is the url path correct? Did you check that? – athi Apr 24 '17 at 14:34 — athi, Apr 24 '17 at 14:34

score 1 · Answer 1 · answered Apr 24 '17 at 14:29

1

Don't use no-repeat in background-image property.

Try this :

background: url(/images/sagage_header900.png) no-repeat;

OR

background-image: url(/images/sagage_header900.png);
background-repeat: no-repeat;

answered Apr 24 '17 at 14:29

Cyril Beeckman

score 1 · Answer 2 · answered Apr 24 '17 at 14:29

1

Try removing no-repeat

background-image: url(/images/sagage_header900.png);

if you want to add background-repeat:

background-repeat: no-repeat

If still doesn't work, try adding !important to background-image as follow:

background-image: url(/images/sagage_header900.png)!important;

answered Apr 24 '17 at 14:29

Hari Das

Don't use important... If he want to overwrite an existing rule, just define more your selector – Cyril Beeckman Apr 24 '17 at 14:33
@CyrilBeeckman I agree with you. Adding more selector is a good idea instead of adding !important. – Hari Das Apr 24 '17 at 14:35

2 Answers2