Question

CSS如何设置本地图片作为网页背景？

试过网上很多种都不行。
<style type="text/css">
<!--
body {
background-image:url(/images/abc.jpg);
background-repeat:no-repeat;
background-attachment:fixed;
}
-->
</style>

这是我现在用的代码，设置网上的url图片是可以的，但是本地文件就是不行。？
本地文件应该如何设置？我使用的是ubuntu下的ruby on rails建的站。本地图片应该放在那个文件夹下？url应该如何写？我现在是放在public下建了一个images文件夹，放在里面。这种方法也是网上搜到的，也还是不行。

Answer 1

要把Images文件夹和你的.html文件放在一个文件夹下面，比如都放在public下面，这样的话，路径就可以写成background-image:url(/images/abc.jpg);或者background-image:url(../images/abc.jpg);

追问

我是放在同一个文件夹下了现在。但是还是没有背景图片。。

追答

就是图片的路径是public\images\abc.jpg，.html文件路径是public\x.html，这样子你的路径background-image:url(/images/abc.jpg);或者background-image:url(../images/abc.jpg);才是对的

Answer 2

应用 background属性
1》 background:url(images/1.jpg);
2> background-image:url(images/1.jpg);
2种都可以，第一种是复合属性 里面还可以设置 背景颜色
第二种 是只设置背景图片的

Answer 3

你在本地打开你的图片 ，用浏览器打开，然后把地址复制 进入，如果你要用先对路径那么你的页面和图片要在同一个项目才行，就是同一个大的文件夹下。不然你就用绝对路径 绝对路径就是 盘符;//文件夹/文件名.后缀

追问

同上。。还有ubuntu没有盘符的。

追答

比如 图片放在 code/image/1.jpg, 页面文件放在 code/a.aspx 可以用 “~/image/1.jpg”可以访问

追问

我再试试！

Answer 4

路径前面加两点 如：background:url(../images/

html文件与images文件夹同级

Answer 5

那是你的本地文件的路径错了。

追问

本地文件应该如何设置？我使用的是ruby on rails建的站。本地图片应该放在那个文件夹下？url应该如何写？

追答

.这个跟你图片和html的文件存放位置有关，图片放什么文件夹就是你自己考虑的，我也不清楚了。
至于存放位置，比如你html文件和图片是一个文件夹的，那么直接background-image:url(abc.jpg);
所以你要告诉我你图片文件和html文件的存放关系是怎么样的

追问

我的图片是跟html放在同一个文件夹下了。但是这么写url就是没有图片显示。。。

追答

确定好，你的图片和html是一个文件夹，还是图片所在的文件夹和html在同一个文件夹里面。
希望能截个位置图看一下。

还要注意对比文件名和文件格式。用火狐或者谷歌的f12看一下图片是不是有引进来了。

追问

我的图片在app/assets/images下。网页在app/view下。