css background for div не работает

Question

Я пытаюсь использовать изображение в качестве фона для элемента div.
Я изменил свойства background-position и background-size. Но он все еще не работает. Ниже приведен код:

.large-circle { 
 
    border-radius: 50%; 
 
    display: inline-block; 
 
    width: 150px; 
 
    height: 150px; 
 
    position:absolute; 
 
    \t top:50%; 
 
    \t left:50%; 
 
    \t margin-left:-5em; 
 
    \t margin-top:-5em; 
 
} 
 

 
#center { 
 
\t background: url("img/newHex.png") no-repeat; 
 
\t background-size: cover; 
 
}

<div class="hex-menu"> 
 
\t <div class="large-circle" id="center"> 
 
\t \t <div class="small-circle" id="one"></div> 
 
\t \t <div class="small-circle" id="two"></div> 
 
\t \t <div class="small-circle" id="three"></div> 
 
\t \t <div class="small-circle" id="four"></div> 
 
\t \t <div class="small-circle" id="five"></div> 
 
\t \t <div class="small-circle" id="six"></div> 
 
\t </div> 
 
</div>

Любой найти ошибку, пожалуйста. Я уже проверил другие связанные вопросы. Они также не работают в этом случае (я тестировал).

Answer 1

Где находится изображение, относящееся к файлу css?

Я попробовал ваш фрагмент и изменил путь изображения до абсолютного URL-адреса, и он сработал.

Попробуйте изменить URL-адрес изображения на абсолютный или убедитесь, что он использует правильный путь относительно файла css.

Если ваша структура что-то вроде этого:

img/ 
    newHex.png 
css/ 
    style.css 

Тогда ваш правильный путь

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