如何找到要放置背景图片的图片网址？

Question

我找到了放置此图像的指示body {background-image：url（example1.jpg）; }

但不能弄清楚如何格式化或得到它所寻找的“url”（）。我是否需要将其保存在不同的地方，或不同格式的我的形象......

Answer 1

您可以使用任何标准的URL，例如 http://example.com/xx.jpg 或从目录 /images/xx.jpg 这就是你正在找。

Answer 2

你把网址相对于样式表，而不是网站的根。举例来说，如果你有这样的结构：

root 
- images/ 
    - image.gif 
- css/ 
    - styles.css 
- index.html 

的网址路径将url('../images/image.gif');

在一个不相关的说明（而只是因为我发现了这一点另一天），如果您使用的是。 htc文件（例如PIE.htc用于IE圆角），那么行为URL需要相对于根而不是样式表。

Answer 3

你可以使用这个CSS：

body { 
    background: transparent url(http://mydomain/content/image.jpg) no-repeat 0 0; 
} 

或课程：

body { 
    background-image: url(content/content/image.jpg); 
} 

你的URL可以是绝对，像第一个例子 - 或相对，像第二。您必须注意，放置相对路径时，它与您的样式表定义相关，而不是HTML文档。例如使用目录：

- webroot 
    index.html 
    img/image.jpg 
    css/main.css 

当你把定义从上方插入到的index.html的网址是：

url(img/image.jpg) 

但是当你把它放在的main.css里面将是

url(../img/image/jpg) 

最后一个想法是：如果你有空白/ whi在你的路径tespaces，你必须包装中的URL单或双引号，如：

url('image/my image.jpg')