HTML中使背景图片自适应浏览器大小实例详解_网络技术

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建站的达人们也可以用此方法，在指定页面定制自己的背景图片。

感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！

# HTML中使背景图片自适应浏览器大小 # HTML背景图片自适应 # 自己的 # 可以用 # 设为 # 希望能 # 建站 # 想让 # 就用 # 谢谢大家 # 只能用 # 解决办法 # 并使 # 达人 # 自适应 # 够大 # 里用 # 滚动条 # lt # gt # img # pre

相关栏目：【网站优化151355 】【网络推广146373 】【网络技术251813 】【 AI营销90571 】

相关推荐：三星、SK海力士获美批准：可向中国出口芯片制造设备 UC浏览器如何切换小说阅读源_UC浏览器阅读源切换【方法】如何在橙子建站中快速调整背景颜色？ Laravel如何发送系统通知？（Notification渠道示例） Python自然语言搜索引擎项目教程_倒排索引查询优化案例网页制作模板网站推荐,网页设计海报之类的素材哪里好？教你用AI将一段旋律扩展成一首完整的曲子如何用免费手机建站系统零基础打造专业网站？ Laravel怎么返回JSON格式数据_Laravel API资源Response响应格式化【技巧】佛山网站制作系统,佛山企业变更地址网上办理步骤？如何在阿里云香港服务器快速搭建网站？ Win11任务栏卡死怎么办 Windows11任务栏无反应解决方法【教程】常州企业网站制作公司,全国继续教育网怎么登录？微信小程序 canvas开发实例及注意事项东莞专业网站制作公司有哪些,东莞招聘网站哪个好？ Laravel怎么在Blade中安全地输出原始HTML内容大型企业网站制作流程,做网站需要注册公司吗？ Laravel如何处理文件下载请求？（Response示例）百度输入法ai面板怎么关百度输入法ai面板隐藏技巧 EditPlus中的正则表达式实战(1) 魔方云NAT建站如何实现端口转发？如何基于云服务器快速搭建网站及云盘系统？晋江文学城电脑版官网晋江文学城网页版直接进入 Laravel表单请求验证类怎么用_Laravel Form Request分离验证逻辑教程 Java类加载基本过程详细介绍 Windows10怎样连接蓝牙设备_Windows10蓝牙连接步骤【教程】 Laravel如何使用Contracts（契约）进行编程_Laravel契约接口与依赖反转如何在香港免费服务器上快速搭建网站？详解一款开源免费的.NET文档操作组件DocX（.NET组件介绍之一） WordPress 子目录安装中正确处理脚本路径的完整指南 Java垃圾回收器的方法和原理总结网站视频制作书签怎么做,ie浏览器怎么将网站固定在书签工具栏？如何快速辨别茅台真假？关键步骤解析 Laravel怎么进行数据库回滚_Laravel Migration数据库版本控制与回滚操作如何在Windows虚拟主机上快速搭建网站？昵图网官方站入口昵图网素材图库官网入口 Laravel怎么在Controller之外的地方验证数据 Bootstrap CSS布局之列表 Laravel怎么实现验证码功能_Laravel集成验证码库防止机器人注册香港服务器网站搭建教程-电商部署、配置优化与安全稳定指南深圳网站制作平台,深圳市做网站好的公司有哪些？ Laravel API资源类怎么用_Laravel API Resource数据转换 Laravel Eloquent性能优化技巧_Laravel N+1查询问题解决使用Dockerfile构建java web环境个人摄影网站制作流程,摄影爱好者都去什么网站？如何在万网自助建站平台快速创建网站？ Laravel如何与Vue.js集成_Laravel + Vue前后端分离项目搭建指南 Laravel如何实现API速率限制？（Rate Limiting教程）北京网站制作的公司有哪些,北京白云观官方网站？利用 Google AI 进行 YouTube 视频 SEO 描述优化