html背景自动覆盖,html让背景图片自动适合浏览器大小

一,html让背景图片自动适合浏览器大小-css样式解决方法:

因为

标签的图片不能够拉伸

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

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

3、body的background属性去掉,否则会被遮住

hello world

bg.jpg    

二,html让背景图片自动适合浏览器大小-js脚本解决方法:

hello world

bg.jpg

网页内容

var bgimg = document.getElementById("bg");

setInterval("changBg()",30);

function changBg(){

bgimg.style.width = Math.min(document.documentElement.clientWidth,document.body.clientWidth) + "px";

bgimg.style.height = Math.min(document.documentElement.clientHeight,document.body.clientHeight) + "px";

bgimg.style.left = (document.body.scrollLeft || document.documentElement.scrollLeft || window.pageXOffset) + "px";

bgimg.style.top = (document.body.scrollTop || document.documentElement.scrollTop || window.pageYOffset) + "px";

}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值