在DIV里面用一个像素的图片，作为背景图片，铺满，代码要怎么写？

Posted 2023-05-15

参考技术A 简写 background:url(images/bot.png) no-repeat;//整个大图作为背景
background:url(images/bot.png) repeat-x;//沿X轴平铺
background:url(images/bot.png) repeat-y;//沿y州平铺 参考技术B <div style="background:url(***.jpg);width:300px;height:200px;"></div>

其他的可以省略
background:url(***.jpg)本回答被提问者采纳 参考技术C style="background-image:url(图片地址); background-repeat:repeat;" 参考技术D <div style="background:url(图片地址) left top;">
...
</div>

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

我用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加上高度就可以了。