HTML中使背景图片自适应浏览器大小
HTML中使背景图片自适应浏览器大小
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 style="position:absolute; width:100%; height:100%; z-index:-1; left:0; top:0;">
<img src="th.jpg" height="100%" width="100%" style="left:0; top:0;">
</div>
</body>
</html>
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 全程不用写代码,我用AI程序员写了一个飞机大战
· DeepSeek 开源周回顾「GitHub 热点速览」
· 记一次.NET内存居高不下排查解决与启示
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
2015-09-26 ASP.NET MVC使用Bootstrap系列(1)——开始使用Bootstrap
2015-09-26 解决easyui和bootstrap兼容问题
2015-09-26 【今日推荐】10大流行的 Metro UI 风格的 Bootstrap 主题和模板
2015-09-26 ASP.NET MVC 此安装不支持该项目类型解决方法
2015-09-26 Asp.net MVC3 CSS 模板
2015-09-26 ASP.NET MVC —— Model之一模型模板
2015-09-26 【转】METADATATYPE的使用,MVC的MODEL层数据验证