Question

我试图将图像用作div元素的背景。
我也更改了background-position和background-size属性。但它还没有奏效。以下是代码：

＆＃13;

.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;
}

＆＃13;

<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>

＆＃13;

有人发现错误。我已经检查了其他相关问题。他们也没有在这种情况下工作（我已经测试过了）。

Answer 1

图像相对于css文件的位置在哪里？

我尝试了你的代码片段，并将图片的路径更改为绝对网址，然后就可以了。

尝试将图片网址更改为绝对网址，或确保使用相对于css文件的正确路径。

如果您的结构是这样的：

img/
    newHex.png
css/
    style.css

那么你的正确道路是

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

div的css背景不工作

1 个答案: