我可以使用CSS获得多个背景图像吗？有可能有两幅背景图像吗？例如，我想让一个图像在顶部重复(重复-x)，另一个重复跨整个页面(重复)，其中整个页面的图像重复在顶部重复的图像后面。我发现我可以通过设置html和body的背景来达到两幅背景图像的预期效果：html {
background: url(images/bg.png);}body {
background: url(images/bgtop.png) repeat-x;}这是“好的”CSS吗？有没有更好的方法？如果我想要三张或更多的背景照片呢？
3 回答
绝地无双
TA贡献1946条经验 获得超4个赞
body {
background-image: url(images/bgtop.png), url(images/bg.png);
background-repeat: repeat-x, repeat;}<body> <div id="bgTopDiv"> content here </div></body>
body{
background-image: url(images/bg.png);}#bgTopDiv{
background-image: url(images/bgTop.png);
background-repeat: repeat-x;}
慕码人8056858
TA贡献1803条经验 获得超6个赞
body {background: url(images/image-1.png), url(images/image-2.png),url(images/image-3.png);background-repeat: no-repeat,
repeat-x, repeat-y;background-position:10px 20px , 20px 30px ,15px 25px;}- 3 回答
- 0 关注
- 343 浏览
相关问题推荐
添加回答
举报
0/150
提交
取消