css -- 背景图片自适应屏幕大小
由于<body>标签的图片不能够拉伸,
解决办法:
1、图片不够大,又background属性不能拉伸图片;
2、只能用个div,把其z-index值设为负,并使这个div大小为整个body大小,在div里用<img> 3、body的background属性去掉,要不然会被遮住
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>hello world</title> </head> <body> <div id="Layer1" style="position:absolute; width:100%; height:100%; z-index:-1"> <img src="pictures/background.jpg" height="100%" width="100%"/> </div> </body> </html>
css -- 背景图片自适应屏幕大小相关推荐
- css 背景图片自适应元素大小
本人软件工程大三学生,近期在公司实习,初级前端工作者. 由于正在做手机端界面,自适应的布局成了最主要的工作,在最近对背景图片自动伸缩频繁使用,对自动伸缩的方法有一点心得体会. 一.一种比较土的方法,& ...
- android 背景图片自适应屏幕大小,android 设置桌面背景图片适应屏幕大小
今天做demo,设置桌面每天自动更新背景,但是桌面的背景都是被系统裁剪过的图片,上网百度了一下,有个过时的方法,改进后果然有用了! Bitmap bmp=BitmapFactory.decodeRes ...
- web开发入门,css背景图片自适应屏幕宽度
现如今,我们经常可以看到很多互联网员工都在抱怨,不是说收入低了,就是说工作时间太长.所以我们会见到有不少优秀的互联网员工,只要有机会,要么去一些学校当老师,要么当公务员之类比较稳定的岗位,当然这些能够 ...
- html 网页背景图片根据屏幕大小CSS自动缩放
腾讯微博和QQ空间的登录背景图片是根据访客的屏幕大小自动缩放的,但是好像是用JQuery代码实现的.先不说要调用jq库拖慢了网页的打开时间,而且对于兼用性不好. 前几天用CSS研究出相同效果的样式代码 ...
- php背景图片随页面大小改变,css背景图根据屏幕大小自动缩放
css背景图根据屏幕大小自动缩放 代码: html,body{margin:0px;padding:0px;} #background { position: fixed;top: 0;left: 0 ...
- 背景图片适应屏幕大小的一些方法
背景图片适应屏幕大小的一些方法 想要背景图片适应屏幕的大小,背景图片要足够大,可以铺满常用的所有屏幕,还要图片要高清,不能一拉伸就失真,不能显示局部的时候显得很怪异. 方法一: 运用ul的宽度自适应特 ...
- css背景图根据屏幕大小自动缩放
css背景图根据屏幕大小自动缩放 代码: 1 2 3 4 5 6 7 8 9 10 <style> html,body{margin:0px;padding:0px;} #backgrou ...
- H5 背景图片自适应屏幕问题解决办法
H5 背景图片自适应屏幕问题解决办法 参考文章: (1)H5 背景图片自适应屏幕问题解决办法 (2)https://www.cnblogs.com/nuanyang76/p/12068225.html ...
- css 背景图片自适应全屏
自适应屏幕大小,撑满全屏(图片宽高比会随屏幕宽高比变化) 不随着滚动条滚动 .bg{background: url("~@/assets/images/主背景.png");posi ...
- css 背景图片自适应属性整理
本篇博客主要记录一些使用 css 对背景图片自适应的操作整合 背景图片取消重复 background-image: url(image.jpg); background-repeat:no-repea ...
最新文章
- Spark _05Standalone模式两种提交任务方式
- linux源码编译emqttd,emqtt编译及简单测试记录
- (BFS)Prime Path (poj3126)
- VBA 脚本快速copyExcel单元格的格式
- java中如何上送list集合_如何使用java中的list集合
- Eclipse下,LogCat(deprecated),显示不了内容,或者全部都是Unknown
- linux 将当前时间往后调整2分钟_【转】修改LINUX时间
- 10 个内存引发的大坑,你能躲开几个?
- 安装Go 1.9.2
- 使用音频转换器怎么转换电影的格式?
- html5 成语连连看,全国通用五年级下册语文讲义-阅读与作文:学写读后感(含答案)[参考].pdf...
- 44. 容器的成员函数优先于同名的算法
- Axure rp 9 的汉化破解版
- vivo nex免Root使用空调狗
- 用python分析股票收益影响因素的方法_Python3对股票的收益和风险进行分析
- 你真的会写for循环吗?来看看这些常见的for循环优化方式
- 神经网络,英文字母识别
- 蓝墨云班课在计算机应用基础的教学,蓝墨云班课在高职《计算机应用基础》教学改革中的应用研究...
- 微积分在金融投资的应用
- unity2d游戏开发系列教程:三、场景布置,增加怪物和机关