html - Background-image won't show -
i'm trying have background image in header of website of won't show. file setup follows:
d:\ mywebsite
image, home.css, index.html
image rocks.jpg
the code have :
<div class="header-image" style=background-image: url("../image/rocks.jpg")> </div>   edit
css:
#header .header-image {     width: 100%;     height: 400px;     background-position: left center;     background-size: 100%;     background-repeat: no-repeat; }      
your style attribute should have quotation marks around in-line css, , .. in file path sending directory (and must removed), so:
style =  'background-image:url("image/rocks.jpg");'   edit: note must use single quotes surround css or double quotes within url("image/rocks.jpg") interpreted closing quotes.
Comments
Post a Comment