Question

nav {
  padding : 10px 10px 10px 10px;
  background-image : url("This PC/Pictures/motivationportfolio.jpg");
}
li
{
 padding : 10px; 
}
div
{
  text-align : justify;
  margin : 20px;
}
p
{
  text-indent : 15px;
}

此代码未将背景图像插入导航栏。您可以检查http://codepen.io/Supreja/pen/zKERvd中的整个代码。我也尝试过提供在线网址。即便这样也行不通。我在线工作，所以如何知道我目前的目录？

Answer 1

这应该只是粘贴一个有效的URL：

例如：

background-image : url('http://www.verypdf.com/wordpress/wp-content/uploads/2011/11/clip_image00455.jpg');

Answer 2

嗯，你需要先知道图像的路径在哪里。例如，您有图像文件夹和CSS文件夹。并且这个样式在CSS文件夹中，那么路径应该是这样的 ../图像/ iamgename.jpg

这两个点（..）让你退后一步然后进入图像文件夹并选择你的图像

url("../Pictures/motivationportfolio.jpg");

Css背景图像导航栏

2 个答案: