html backgroundurl无效,html - background : url(); not working - Stack Overflow

Details : Using Atom File Editor with Mac OS X, Making a new site on localhost and after saving it I check changes on chrome browser. Right now i have come across a problem which causes the image to not show up on the website while i was trying to set background image of a section tag in CSS.

Problem : I am trying to use the stellar.js parallax plugin and for that i need to set the background property of the section tag to an image of my choice. The problem is that when i use "background : url(parallax1.png);" the image does not show up on the website and only a white blank space is shown.

HTML File :

CSS File :

.pic1

{

background : url(parallax1.png);

}

.parallaxcontent

{

background-attachment: fixed;

background-repeat: no-repeat;

position: relative;

background-size : cover;

width: 100%;

height: auto;

}

Points You Should Know :

the image parallax1.png is in the same directory and i have checked the spelling, which is correct.

I have also tried using background-image: instead of background: .

If i use < img src="parallax.png" /> the image shows up perfectly

i have tried to encase parallax.png in '' as well as "".

Any help would be appreciated,

Thanks.