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
  • asp之家 网络编程 m.aspxhome.com