html - CSS 文本不正确，图片地址无效

Question

如何写正确的地址，代码是:

.slide1 {  
    background: url(http://media.dunkedcdn.com/assets/prod/40946/580x0-9_cropped_1371566801_p17tbs0rrjqdt1u4dnk94fe4b63.jpg)no-repeat center;
}

如何从我的资源文件中放入图像？我尝试了 background-image: url("pic1.jpg") - 这是正确的地址 - 但它不起作用。

我所做的是将幻灯片中的图像放入 css 中，然后将一个简单的鳕鱼放入 html 中以显示它。

Answer 1

您必须传递 width 和 height 才能使其显示。像这样尝试:

.slide1 {  
    background: url('http://media.dunkedcdn.com/assets/prod/40946/580x0-9_cropped_1371566801_p17tbs0rrjqdt1u4dnk94fe4b63.jpg') no-repeat center;
    width: 200px;
    height: 200px;
}

编辑:如果图像与您的 css 文件位于同一目录中，只需使用:

background: url('nameOftheFile.jpg') no-repeat center;

您也可能对这个话题感兴趣:How to go up a level in the src path of a URL in HTML?