给body设置背景图片，整个图片完整的充满屏幕

我想让整个登录界面有一个背景图片，自然想到的是在body上加background，代码如下：

body {width：100%；height: 100%;background-image: url(../../Content/images/background-home-one.jpg);background-repeat: no-repeat;background-size: 100% 100%;
}

但是body的高度为0，所以图片不能显示；

解决办法是给html设置宽高各100%，这样body就有值了，背景图片完整的充满整个屏幕。

给body设置背景图片，整个图片完整的充满屏幕相关推荐

【最全IDEA个性化教程】idea设置主题+恢复主题默认设置+设置选中代码颜色+关键字颜色+设置字体大小、样式、颜色+设置背景颜色、图片+设置导航栏背景颜色+设置控制台字体样式及背景+常用快捷键)
目录下载设置主题样式+恢复主题默认设置 1 个性化代码段 1.1设置颜色设置光标颜色自定义图片做背景修改代码段的颜色和背景颜色选中代码块颜色修改,修改括号颜色 1.2 设置字体大小.格式 1 ...
css 设置背景上面是图片，下面用纯颜色填充
页面上面用一张背景图片,下面空白的地方用其他纯颜色铺垫. css样式 #111111 用你需要的颜色代替 div{background: url(图片.png) no-repeat scroll t ...
qt 设置背景图片方法
遇到的问题 widget窗口直接使用 setStyleSheet设置 border-image 显示不出来, 如果非要使用setStyleSheet 方法, 可以在widget里面再加一层 widge ...
在设置背景图片全屏时background-size: 100% 100%；和background-size: 100%；的区别，一个100%和两个100%的区别
background-size:这个属性有两个值,第一个值为x轴方向的缩放比例或者px,第二个值为y轴方向的缩放比例或者px,如果只写一个值,则第二个值默认为auto(根据图片原来的比例,以及现有的宽 ...
java swing 设置背景_swing-窗体添加背景图片的2种方法
在美化程序时,常常需要在窗体上添加背景图片.通过搜索和测试,发现了2种有效方式.下面分别介绍. 1.利用JLabel加载图片利用JLabel自带的setIcon(Icon icon)加载icon,并 ...
QLabel 设置背景图片的方法和解决图片太大不能完显示办法
#QLabel 设置背景图片的方法和解决图片太大不能完显示办法文章目录 1.通过`QPixmap`来设置方法注意 2.通过`QSS`设置方法注意 1.通过QPixmap来设置方法 // 获 ...
【ChatGPT】Spire.Doc 给 Word 文档设置背景颜色和背景图片
使用 Spire.Doc 给 Word 文档设置背景颜色和背景图片 1.首先需要引用 Spire.Doc 的命名空间: using Spire.Doc; using Spire.Doc.Documen ...
CSS 设置背景图片
一.基本设置使用 CSS 可以通过以下属性设置背景图片: background-image: 设置背景图片的 URL. background-size: 设置背景图片的大小.可以设置为绝对像素值,也 ...
php设置背景图片的代码,css设置背景图片如何实现？（代码实例）
本篇文章给大家带来的内容是关于css设置背景图片如何实现?(代码实例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 很多人提交表单时都喜欢用一个图片来作为提交按钮,大多数人可能用J ...

给body设置背景图片，整个图片完整的充满屏幕

给body设置背景图片，整个图片完整的充满屏幕相关推荐

最新文章

热门文章