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

发布时间:2020-09-19 15:20:39 作者:lqh
来源:脚本之家 阅读:230

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

解决办法:

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

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

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

<html> 
<body> 
<div id="Layer1" > 
<img src="pictures/background.jpg" width="100%" height="100%"/> 
</div> 
</body> 
</html> 

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

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

推荐阅读:
  1. HTML中使背景图片自适应浏览器大小的方法
  2. html如何实现自适应大小字体

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

html 背景图片 自适应

上一篇:windows系统搭建zookeeper服务器的教程

下一篇:基于Vue实现tab栏切换内容不断实时刷新数据功能

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》