html - css background for div not working -


i'm trying use image background div element.
i've changed background-position , background-size properties well. it's still not working. below code:

.large-circle {      border-radius: 50%;      display: inline-block;      width: 150px;      height: 150px;      position:absolute;    	top:50%;    	left:50%;    	margin-left:-5em;    	margin-top:-5em;  }    #center {  	background: url("img/newhex.png") no-repeat;  	background-size: cover;  }
<div class="hex-menu">  	<div class="large-circle" id="center">  		<div class="small-circle" id="one"></div>  		<div class="small-circle" id="two"></div>  		<div class="small-circle" id="three"></div>  		<div class="small-circle" id="four"></div>  		<div class="small-circle" id="five"></div>  		<div class="small-circle" id="six"></div>  	</div>  </div>

anyone find error please. i've checked other related questions already. not working in case (i've tested).

where's image located relative css file?

i tried snippet , change path of image absolute url , worked.

try changing image url absolute 1 or make sure uses correct path relative css file.

if structure this:

img/     newhex.png css/     style.css 

then correct path is

url('../img/newhex.png') 

Comments

Popular posts from this blog

c++ - Difference between pre and post decrement in recursive function argument -

php - Nothing but 'run(); ' when browsing to my local project, how do I fix this? -

php - How can I echo out this array? -