css+div显示图片显示不完整

Posted 2023-03-27

我用css对body设置了一个背景
然后用css+div设置了一个图片作为div的背景。
但是问题是，我设置的div的背景只有一行。
有没有什么办法让div里面显示全部的图片？

css+div显示图片显示不完整，有以下几方面原因：
1、css没有被调用；请检查css调用是否成功。
2、css图片地址不对；请检查css图片地址是否正确。
3、div的高度没有固定，是auto或者没有设值，div设置错误容易导致背景图片高度太大则无法显示；请设置div高度。
4、div被嵌套；查看嵌套的div是否设置正确。
5、div代码不规范；请检查div代码是否书写正确。 参考技术A 明白你的意思,你看其他网站是不是显示的正正好好的?那是别人用的图片的清晰度很高,拉伸后也可以显示正常,但是如你的图片本身质量就不高,那么我劝你,别找拉伸的代码,会显示的很糟糕的.所以,你换一张大图片是比较好的选择,如果你非要拉伸,
代码是-------background-size:100% 100%;
但是,还是劝你别这么做,真的不友好,太难看.
background:fixed;

可以把背景图片固定住,不会随着滚动条移动. 参考技术B

可以给div设置固定的宽高，或设置最小宽高，例如：

<div style="background:url(...);width:100px;height:100px;"></div>

或

<div style="background:url(...);min-width:100px;min-height:100px;"></div>

追问

还是只显示了一行啊

追答

请将height或min-height设置成9999px;
如果不行，把代码粘出来，包括html和css

追问

参考技术C

背景大小没对还是？设置了

no-repeat?

参考技术D 给DIV加上高度就可以了。

html 的背景图片很大，网页显示不完整怎么办

一般不是有滚动条的么？为什么我的没有？

参考技术A 滚动条的出现和背景图片的大小没有关系，只有一个页面中的内容超出浏览器可视区时才会出现滚动条。背景图片的可见大小受制于其应用的元素，例如宽度500px、高度400px的div，如果给它一个宽度1000px、高度900px的背景图，那么我们只能看到500×400px这部分的背景图。如果你想让背景图片完整显示，且超出可视区时出现滚动条，你可以将背景图片写成图片元素的方式插入HTML文档中，再用CSS来模拟实现“背景图片”的效果本回答被提问者采纳