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
Post a Comment