博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
关于让网页背景图片全屏显示处理
阅读量:2353 次
发布时间:2019-05-10

本文共 550 字,大约阅读时间需要 1 分钟。

我们在写网页是有的时候需要背景图片全屏显示。但是图片的大小不够的话我们设置为背景图片不重复的情况下图片不会全屏显示

我们可以这样处理

设置两层div,底层div当做背景使用,放置一张图片即可。

<div id="background" style="position:absolute;z-index:-1;width:100%;height:100%;top:0px;left:0px;"><img src="1.jpg" width="100%" height="100%"/></div>

再将网页内容放置到第二层上<div id="content">页面内容</content>

下面是我做的登录界面实例

登陆界面

健客大数据平台

用户登录

转载地址:http://zgztb.baihongyu.com/

你可能感兴趣的文章
IOS UIView 详解
查看>>
IOS 成员变量,属性变量,局部变量,实例变量,全局变量 详解
查看>>
Android ADB 详解
查看>>
GitHub 出现 POST git-receive-pack (chunked) 解决方案详解
查看>>
iOS SQLCipher SQLite加密 详解
查看>>
OpenSSL生成证书进行iOS加密,java解密的RSA非对称加密 详解
查看>>
Android EventBus详解
查看>>
iOS 关闭软键盘
查看>>
iOS 限制应用只能竖屏显示
查看>>
Android Studio Freeline插件详解
查看>>
SourceTree冲突解决详解
查看>>
iOS CocoaPods 详解
查看>>
Object-C Block详解
查看>>
iOS 不定参数 详解
查看>>
iOS AFNetworking 以及 Cookie 详解
查看>>
Intellij IDEA 将工程转换成maven工程 详解
查看>>
Linux 安装以及基本使用Hadoop 详解
查看>>
iOS 在 xib 文件中使用 UIScrollView
查看>>
iOS pushViewController 和 presentViewController的区别 详解
查看>>
iOS UICollectionView 和 UITableView cell更新 详解
查看>>