css样式表背景图不显示,css背景颜色为什么不显示

Css设置背景图片不显示的问题

1、打开html开发软件，新建一个html代码页面。

2、在html代码页面的body标签里面输入多行段落文字，用于后面浏览器滚动条滚动的时候查看图片时候随滚动条而滚动条。

3、设置背景图片样式。在title标签后面创建一个style标签，然后在这个标签里设置body标签的背景图片，以及背景图片不重复。

4、保存html代码后使用浏览器打开，这个时候滚动浏览器滚动条发现背景图片是随浏览器滚动条的滚动而滚动的。

5、使用background-attachment: fixed设置背景图片不随滚动条而滚动。回到html代码页面，在body样式中添加上background-attachment: fixed即可。

6、保存html代码页面后刷新浏览器，这个时候滚动浏览器滚动条发现背景图片已经固定不随浏览器滚动而滚动了。

相关问答

Q1: 网页设计中的css背景图片不能显示

1.如图在样式设计窗口中设置方框的宽度和高度就可以了

2.可能是图片的命名及格式问题。

3.可能是浏览器的不兼容。

[img]

Q2: css背景图片无法显示

那就是图片的路径有问题了，这个路径是相对于css文件所在的路径，不是html文件的路径，你确认一下。另外，你的照片模糊不清，貌似url的右括号用的是全角的么，这个也要检查一下。总之，背景颜色没问题，背景图片出不来，那问题肯定就出在url开始到行末分号这个范围内的文字。

Q3: 为什么我在css中设定的背景图片在浏览的时候不显示?

图片路径的问题。

1、图片和网页放在同一目录下：background-image:url("图片.jpg"。

2、图片放在一个image目录下，并且image目录和网页在同一目录下：background-image:url(“image/图片.jpg”)。

3、图片放在一个image目录下，并且image目录和网页不在同一目录下：background-image:url(“../image/图片.jpg”)//两个点加一个左斜杠代表该程序的根目录。

扩展资料：

注意事项

注意：：在css样式表中写的background-image:url(图片的路径为相对本css文件的路径，而不是我们通常认为的相对加入css样式的网页的路径);

例如：在当前目录下有 index.html 和 css文件夹(里面包含：css.css) 和 images文件夹（里面包含top.jpg）

错误的认为和写法：background-image:url("images/top.jpg"); 错误的认为图片的路径应该是针对index.html网页来说的。

正确的认为和写法：background-image:url("../images/top.jpg");图片的路径应该写的是相对css.css文件的路径

其中     ../     表示的是上一级目录，不要写成 ./ 这是表示当前目录。

Q4: css添加背景图片无法显示

您好，最好确认下你的css是不是在本页面中 如果是存在在别的css文件中，路径是会存在问题的 ，其他属性可以实现，说明图片路径的确是存在问题的 不妨你可以试一下background-image: url("../images/9050.jpg");有没有用

还有你在本页你试一下

style

.sf{

background-image: url("images/9050.jpg");

width: 111px;

height: 363px;

}

/style

div class="sf" 123/div

这样能显示的话就代表你原来的的确是css路径问题。

如果此css与页面不在一个目录下 那么背景的路径将会改变 希望留意一下

还有楼上所说的 图片后面的地址不用加引号，否则可能会引起部分浏览器不能显示的错误。