HTML中使背景图片自适应浏览器大小
教程管理员 发布于2023-09-27 11:31 HTML教程 166
解决办法：
1、图片不够大，又background属性不能拉伸图片；
2、只能用个div，把其z-index值设为负，并使这个div大小为整个body大小，在div里用<img> ；
3、body的background属性去掉，要不然会被遮住。
<html>
<head>
<title>新年快乐</title>
<embed src="./1.mp3" autostart="true" loop="true" hidden="true"> <!这里不能用bgsound，因为这个标签支持者IE浏览器>
</head>
<body>
<div id="Layer1" style="position:absolute; left:0px; top:0px; width:100%; height:100%">
<img src="./2.gif" width="100%" height="100%"/>
</div>
<font size="6" color="pink" style='position:absolute;left:600;top:400' ><marquee>祝福所有的朋友家庭幸福，事业有成</marquee></font>
<font size="6" color="red" style='position:absolute;left:600;top:500' ><marquee>我在这里给大家拜年了</marquee></font>
</body>
</html>
如果想让图片不随浏览器右边滚动条滚动，就用position:fixed属性。wordpress建站的达人们也可以用此方法，在指定页面定制自己的背景图片。
相关推荐
- 03-18 爱心 玫瑰 LOVE YOU 5张情人节背景图片Office PPT免费模板背景素材下载
- 03-06 2180x1547像素金属拉丝质感高清背景图片（12张）
- 02-20 11张蓝色PPT背景图片打包下载
- 02-20 10张PPT蓝色背景图片下载
- 10-04 在HTML中取得请求中的参数
- 10-04 SharePoint 2013 母版页取消和HTML页关联
- 10-04 29行代码使用HTML5 Canvas API绘制一颗红心
- 10-04 浏览器加载和渲染html的顺序，Div和Table的区别
- 10-04 《HTML5完美游戏开发》——2.6 Processing.js实例和整合
- 10-04 如何关闭Struts2的webconsole.html
- 控制面板
- 友情链接
- 最近发表
-
- 涂鸦而不乱简约艺术主题Office PPT免费模板背景素材下载
- 有创意的情人表白动态贺卡Office PPT免费模板背景素材下载
- 绿色简约技能竞赛电力Office PPT免费模板背景素材下载
- 极简几何商务蓝年终总结汇报Office PPT免费模板背景素材下载
- 蓝橙简约商务年终总结汇报Office PPT免费模板背景素材下载
- 绿色清新教育风课堂教学通用Office PPT免费模板背景素材下载
- 潮流复古艺术感年终总结Office PPT免费模板背景素材下载
- 浅绿商务风工作总结报告Office PPT免费模板背景素材下载
- 大气简约时尚年终总结汇报Office PPT免费模板背景素材下载
- 喜庆春节风公司年终誓师表彰大会Office PPT免费模板背景素材下载
- 最新留言
-
