使用BootStrap编写网页，如何设置全屏页面背景？

最新推荐文章于 2024-08-29 15:33:15 发布

乔治大哥

最新推荐文章于 2024-08-29 15:33:15 发布

阅读量6.3k

点赞数 3

分类专栏：前端

本文链接：https://blog.csdn.net/qq_41946557/article/details/104620647

版权

本文记录了在BootStrap中设置全屏页面背景的解决过程，重点是CSS设置，指出常犯错误——CSS覆盖问题。同时提醒开发者，即使不设置具体尺寸，直接使用background属性也能实现，并推荐W3School的CSS背景教程进行学习，以适应全栈开发的需求。

摘要由CSDN通过智能技术生成

说来不怕可笑，这双打游戏的手都快忘了代码怎么写的了，编写一个页面，当设置背景时，一直出现莫名其妙的错误。

在这里记录一下，不能连背景设置都不晓得，虽说这前端不怎么搞。也给各位初学者，或者后端工作者查阅时，能少踩点坑！！！

body{
    background: url(../img/QQ图片20200226123957.jpg) no-repeat;
    background-size:100%;  
}

也就是说，我当时所遇到的原因就是size的问题。不过最后我发现的是我之前的css覆盖了这个设置，所以导致一直失败。

如果不设置其中的某个值，也不会出问题，比如 background:#ff0000 url('smiley.gif'); 也是允许的。

通常建议使用这个属性，而不是分别使用单个属性，因为这个属性在较老的浏览器中能够得到更好的支持，而且需要键入的字母也更少。

关注

专栏目录