HTML中使背景图片自适应浏览器大小

简介:

解决办法:

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

目录
相关文章
|
7月前
|
Web App开发
在 HTML 中禁用 Chrome 浏览器的 Google 翻译功能
在 html 标签中添加 translate=“no” 属性,浏览器将不会翻译整个页面。
339 0
|
6月前
|
Web App开发
在HTML中用meta控制浏览器默认模式
在HTML文档的`&lt;head&gt;`标签中,通过添加不同的`&lt;meta&gt;`标签可指定浏览器默认使用的内核。使用`&lt;meta name=&quot;renderer&quot; content=&quot;webkit&quot;&gt;
85 1
|
6月前
|
Web App开发 移动开发 JavaScript
基于VML与HTML5 Canva实现的跨浏览器饼图与折线图
基于VML与HTML5 Canva实现的跨浏览器饼图与折线图
39 5
|
1月前
|
存储 移动开发 前端开发
|
4月前
|
移动开发 HTML5
自适应手机端青蛙吃蚊子小游戏html源码
HTML5青蛙吃蚊子游戏源码分享,音乐可以改的,自己在目录替换一下音乐就可以了训练手速和眼力的时候到了!
41 0
自适应手机端青蛙吃蚊子小游戏html源码
|
6月前
|
Web App开发 移动开发 前端开发
Web网页制作-知识点(3)——HTML5新增标签、CSS简介、CSS的引入方式、选择器、字体属性、背景属性、表格属性、关系选择器 二
Web网页制作-知识点(3)——HTML5新增标签、CSS简介、CSS的引入方式、选择器、字体属性、背景属性、表格属性、关系选择器 二
53 1
|
6月前
|
移动开发 前端开发 HTML5
Web网页制作-知识点(3)——HTML5新增标签、CSS简介、CSS的引入方式、选择器、字体属性、背景属性、表格属性、关系选择器一
Web网页制作-知识点(3)——HTML5新增标签、CSS简介、CSS的引入方式、选择器、字体属性、背景属性、表格属性、关系选择器 一
83 1
|
5月前
|
JavaScript 前端开发 物联网
文本,Vue实现打印的方式,打印机的种类有多少,浏览器打印html,右键,2打印插件,3指令打印,vue-print-nb
文本,Vue实现打印的方式,打印机的种类有多少,浏览器打印html,右键,2打印插件,3指令打印,vue-print-nb
html如何将插入的背景图片全部覆盖样式写法
html如何将插入的背景图片全部覆盖样式写法
|
6月前
|
移动开发 前端开发 JavaScript
浏览器端图表渲染技术SVG, VML HTML Canvas
浏览器端图表渲染技术SVG, VML HTML Canvas
43 0