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

程序员文章站 2022-04-24 07:59:05

...

这篇文章主要介绍了HTML中使背景图片自适应浏览器大小实例详解的相关资料,需要的朋友可以参考下

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中使背景图片自适应浏览器大小

在IE6系列等老式浏览器中使用HTML5的新标签实现方案

html5 Canvas 如何实现自适应屏幕大小？

html5 Canvas 如何实现自适应屏幕大小？

多张Echart图表根据浏览器大小自适应

JQuery iframe宽高度自适应浏览器窗口大小的解决方法

从0开始html前端页面开发_CSS实现设置背景图自适应屏幕大小

background-size 设置背景图片的大小_html/css_WEB-ITnose

如何让父元素自适应子元素的大小？_html/css_WEB-ITnose

如何让父元素自适应子元素的大小？_html/css_WEB-ITnose

下面这个网页是如何做的：缩放浏览器窗口，网页中文字、图片大小跟着缩放_html/css_WEB-ITnose