html让背景图⽚⾃适应填充整个页⾯的两种⽅法第⼀种:使⽤background-size:cover;
background-size属性指定背景图⽚⼤⼩。
注意浏览器兼容。
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>背景图⽚⾃适应填充整个页⾯</title>
</head>
<style>
body{background: url(u=3577773561,2706257243&fm=26&gp=0.jpg) no-repeat;background-size:cover;}
html如何设置图片滚动
</style>
<body>
</body>
</html>
=============================================================================
第⼆种:background-size:100% 100%;background-attachment:fixed;
background-size属性指定背景图⽚⼤⼩。
background-attachment设置背景图像是否固定或者随着页⾯的其余部分滚动。
注意浏览器兼容。
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>背景图⽚⾃适应填充整个页⾯</title>
</head>
<style>
body{background: url(u=3577773561,2706257243&fm=26&gp=0.jpg) no-repeat;background-size:100% 100%;background-attachment:fixed;}
</style>
<body>
</body>
</html>

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。