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

目录
打赏
0
0
0
0
20
分享
相关文章
|
10月前
|
在 HTML 中禁用 Chrome 浏览器的 Google 翻译功能
在 html 标签中添加 translate=“no” 属性,浏览器将不会翻译整个页面。
434 0
|
19天前
HTML单页在线自适应拟态影院源码
HTML单页在线自适应拟态影院源码
83 25
|
10天前
HTML单页自适应网址导航源码
HTML单页自适应网址导航源码
33 1
基于VML与HTML5 Canva实现的跨浏览器饼图与折线图
基于VML与HTML5 Canva实现的跨浏览器饼图与折线图
60 5
|
9月前
|
在HTML中用meta控制浏览器默认模式
在HTML文档的`&lt;head&gt;`标签中,通过添加不同的`&lt;meta&gt;`标签可指定浏览器默认使用的内核。使用`&lt;meta name=&quot;renderer&quot; content=&quot;webkit&quot;&gt;
126 1
HTML5 浏览器支持1
现代浏览器普遍支持HTML5,但早期浏览器可能不支持。可以通过将HTML5元素定义为块级元素,使旧版浏览器也能正确显示。例如,可以使用CSS将header、section等8个新的HTML5语义元素设置为块级元素。此外,还可以通过JavaScript为HTML添加新的自定义元素,如使用`document.createElement(&quot;myHero&quot;)`为IE浏览器添加新元素。
自适应手机端青蛙吃蚊子小游戏html源码
HTML5青蛙吃蚊子游戏源码分享,音乐可以改的,自己在目录替换一下音乐就可以了训练手速和眼力的时候到了!
69 0
自适应手机端青蛙吃蚊子小游戏html源码
Web网页制作-知识点(3)——HTML5新增标签、CSS简介、CSS的引入方式、选择器、字体属性、背景属性、表格属性、关系选择器 二
Web网页制作-知识点(3)——HTML5新增标签、CSS简介、CSS的引入方式、选择器、字体属性、背景属性、表格属性、关系选择器 二
82 1
Web网页制作-知识点(3)——HTML5新增标签、CSS简介、CSS的引入方式、选择器、字体属性、背景属性、表格属性、关系选择器一
Web网页制作-知识点(3)——HTML5新增标签、CSS简介、CSS的引入方式、选择器、字体属性、背景属性、表格属性、关系选择器 一
118 1