HTML中使背景图片自适应浏览器大小实例详解
作者:lqh 时间:2024-05-02 16:18:32
HTML中使背景图片自适应浏览器大小实例详解
解决办法:
1、图片不够大,又background属性不能拉伸图片;
2、只能用个div,把其z-index值设为负,并使这个div大小为整个body大小,在div里用<img> ;
3、body的background属性去掉,要不然会被遮住。
<html>
<body>
<div id="Layer1" style="position:absolute; left:0px; top:0px; width:100%; height:100%">
<img src="pictures/background.jpg" width="100%" height="100%"/>
</div>
</body>
</html>
如果想让图片不随浏览器右边滚动条滚动,就用position:fixed属性。wordpress建站的达人们也可以用此方法,在指定页面定制自己的背景图片。
感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!
来源:http://blog.csdn.net/liuliang841210/article/details/39993541
标签:HTML,背景图片,自适应
0
投稿
猜你喜欢
Python3 修改默认环境的方法
2023-04-01 16:23:36
浅析MySQL内存的使用说明(全局缓存+线程缓存)
2024-01-26 02:46:20
事件触发列表与解说
2013-07-19 11:17:12
python mysql实现学生成绩管理系统
2024-01-25 09:28:12
Python 实现删除某路径下文件及文件夹的实例讲解
2021-05-07 08:31:49
python检索特定内容的文本文件实例
2022-12-29 12:05:42
Python手动实现Hough圆变换的示例代码
2023-11-03 03:12:42
Python生成器传参数及返回值原理解析
2022-03-17 08:58:40
Python循环结构详解
2023-09-03 13:34:09
python openssl模块安装及用法
2023-07-03 12:01:04
Pygame Surface创建图像的实现
2023-07-10 13:44:26
如何为Access数据库表添加日期或时间戳
2008-11-21 12:46:00
微信小程序实现日期格式化
2023-07-20 20:28:32
php插件Xajax使用方法详解
2023-10-19 23:28:40
python爬虫 基于requests模块发起ajax的get请求实现解析
2022-01-02 05:04:04
一篇文章教你用Python实现一个学生管理系统
2022-01-22 16:25:05
python定时器(Timer)用法简单实例
2021-01-10 15:43:04
微信小程序实现留言板(Storage)
2024-04-16 09:31:16
利用pandas将numpy数组导出生成excel的实例
2021-03-10 02:43:14
浅谈python中频繁的print到底能浪费多长时间
2022-01-31 06:24:34