Question

我觉得即使不得不发布这样的东西，但是因为我是css的兽医，我不知道为什么这次我不能在div的背景中显示图像。这就是我所拥有的

#leadarea {
background-image:(images/submarines-for-sale-at-seamagine.jpg);
background-repeat: no-repeat;
background-position:center;
height:360px;
width:1160px;
}

<div id="leadarea"></div>

我已经三次检查了我的图像路径及其正确性。在文件的同一目录中，我有一个名为“images”的文件夹和该图像的文件。如果我在浏览器中输入该图像的完整URL，我可以看到图像。为什么我的div没有显示该图像？

Answer 1

正确的语法是：

background-image:url('images/submarines-for-sale-at-seamagine.jpg');

另请注意，路径是相对于.css文件放置的。

Answer 2

将url放入background-image

background-image: url("your-image-path.jpg");

尝试以一行优化背景定义：

#leadarea {
    background: transparent url("http://1.bp.blogspot.com/-5PauJ-PHxns/UVjwME0X9YI/AAAAAAAAA4s/lsd9ZRsfCnE/s1600/coelho+escolha.jpg") no-repeat center;
    // background: color url("your-image-path.jpg") repeat position;
    height: 400px;
    width: 400px;
}

查看此处的示例：http://jsfiddle.net/R5cJp/2/

css - 背景图像没有显示出来

2 个答案: