HTML中使背景图片自适应浏览器大小的方法
更新:HHH   时间:2023-1-7


这篇文章主要为大家展示了HTML中使背景图片自适应浏览器大小的方法,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带大家一起来研究并学习一下“HTML中使背景图片自适应浏览器大小的方法”这篇文章吧。

html是什么

html的全称为超文本标记语言,它是一种标记语言,包含了一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体,html文本是由html命令组成的描述性文本,html命令可以说明文字,图形、动画、声音、表格、链接等,主要和css+js配合使用并构建优雅的前端网页。

HTML中使背景图片自适应浏览器大小实例详解

解决办法:

1、图片不够大,又background属性不能拉伸图片;

2、只能用个p,把其z-index值设为负,并使这个p大小为整个body大小,在p里用<img> ;

3、body的background属性去掉,要不然会被遮住。

<html> 
<body> 
<p id="Layer1" style="position:absolute; left:0px; top:0px; width:100%; height:100%"> 
<img src="pictures/background.jpg" width="100%" height="100%"/> 
</p> 
</body> 
</html>

如果想让图片不随浏览器右边滚动条滚动,就用position:fixed属性。wordpress建站的达人们也可以用此方法,在指定页面定制自己的背景图片。

以上就是关于“HTML中使背景图片自适应浏览器大小的方法”的内容,如果改文章对你有所帮助并觉得写得不错,劳请分享给你的好友一起学习新知识,若想了解更多相关知识内容,请多多关注天达云行业资讯频道。

返回web开发教程...