Strange question:
. box-3 { width:100%; height:500px; Border:solid 2px Red; margin-top:70px; padding:0 0 0 800px; Box-sizing:border-box; Background:url ("Img/aike.jpg");}
Can't even show the background picture, the road seems to be normal
Cause of the problem:
This imagepath (picture path) in the URL (imagepath). This URL address location is the CSS folder as the root directory, that is, import CSS in the upper level directory
through the browser debugging, you can find the image from the img below the CSS, but img and CSS is a peer folder, that is, there is no IMG under the CSS folder exists, so the browser certainly error, because there is no
So, the solution?
Let it go up to a level, and let him find the IMG directory and add it to the picture path. /Make it the root directory of the above level directory
. box-3 { width:100%; height:500px; Border:solid 2px Red; margin-top:70px; padding:0 0 0 800px; Box-sizing:border-box; Background:url (".. /img/aike.jpg ");}
Background:url () Background map does not show