Background-image problem

Question

guys is there any limitation of the picture size ? i mean i have a 4k picture but i doesn't upload it in my div using background-image rule what should i do ?

Answer 1

The problem is, that the URL is not in quotes. You need to use url("path"), with the path to the image in quotes. Modern browsers block local file access, and you can't use Windows backslashes to access files. Put the file into the same directory as the html file, and load it like url("cpu1.jpg")

Answer 2

There is no limit. What does your background-image definition look like?

Answer 3

Can you paste the complete CSS rule?

Answer 4

No problem haha :)

Answer 5

#about3
{
background-image:url(G:\cpu1.jpg);
background-attachment:fixed;
background-repeat:no-repeat;
margin-bottom:0;
background-position:center;
min-height:400px;
background-size:cover;
}

Answer 6

man i don't know how to thank you

Answer 7

thanks man you are awesome 😉😃

Answer 8

background-image:url(the image name.jpg);

Answer 9

it is really bothering me idk what to do 😥

Answer 10

i do add it but i won't work

Answer 11

this is it

Answer 12

it's for the paralex effect and surprisingly it loads the image that is used for another part (#about1)

Answer 13

it is really getting annoying now it's been at least 4 hours of talking with different programmers and no answer is found

Answer 14

guys any idea ?

Answer 15

ok i tried the code you offered but I'll try it with the picture in the folder too

Answer 16

oh my god dev you are awesome man oh my god you solved it