12440175css让背景图片拉伸铺满
发布：2020-12-15分类：技术笔记来源：本站原创浏览：0
css让图片铺满的方法：可以使用background-size:cover样式设置背景图片铺满。background-size属性规定背景图像的尺寸。
background-size 属性：
background-size 属性规定背景图像的尺寸。
语法：
background-size: length|percentage|cover|contain;
length：设置背景图像的高度和宽度。第一个值设置宽度，第二个值设置高度。如果只设置一个值，则第二个值会被设置为 "auto"。
percentage：以父元素的百分比来设置背景图像的宽度和高度。第一个值设置宽度，第二个值设置高度。
cover：把背景图像扩展至足够大，以使背景图像完全覆盖背景区域。背景图像的某些部分也许无法显示在背景定位区域中。
contain：把图像图像扩展至最大尺寸，以使其宽度和高度完全适应内容区域。
JavaScript 语法：object.style.backgroundSize="100px 150px"
background-size:cover样式设置背景图片铺满示例：
background-size 属性：
background-size 属性规定背景图像的尺寸。
语法：
background-size: length|percentage|cover|contain;
length：设置背景图像的高度和宽度。第一个值设置宽度，第二个值设置高度。如果只设置一个值，则第二个值会被设置为 "auto"。
percentage：以父元素的百分比来设置背景图像的宽度和高度。第一个值设置宽度，第二个值设置高度。
cover：把背景图像扩展至足够大，以使背景图像完全覆盖背景区域。背景图像的某些部分也许无法显示在背景定位区域中。
contain：把图像图像扩展至最大尺寸，以使其宽度和高度完全适应内容区域。
JavaScript 语法：object.style.backgroundSize="100px 150px"
background-size:cover样式设置背景图片铺满示例：
<!DOCTYPE html>
<html>
<head>
<style>
body{
background:url(bg.png);
background-size:cover;
-moz-background-size:cover;
background-repeat:no-repeat;
padding-top:80px;
}
</style>
</head>
<body>
</body>
</html>
本文地址：https://www.demizhe.com/news/jsbj/26.html
版权声明： 本站发布的内容以原创为主，部分资料代码来自互联网分享。如有涉及侵权请告知，将第一时间更正。本站凡标注有原创的内容未经允许不得转载，或转载时注明出处：[得米者-得天下 www.demizhe.com]
版权声明： 本站发布的内容以原创为主，部分资料代码来自互联网分享。如有涉及侵权请告知，将第一时间更正。本站凡标注有原创的内容未经允许不得转载，或转载时注明出处：[得米者-得天下 www.demizhe.com]
热门资讯
- 1js两个日期相比较相差多少天的代码217°C
- 2Math.round()，Math.c..192°C
- 3强制IE浏览器或WebBrowser控..170°C
- 4纯CSS实现各种方向的箭头代码156°C
- 5HTML页面table表格如何自适应宽..152°C
- 6MSSQL数据库和日志收缩150°C
- 7HTTP状态码HTTP Status ..150°C
- 8html写的一个简单的课程表147°C
- 9IIS6.0无法下载超过4M文件的解决..143°C
- 10JS判断微信客户端和支付宝客户端的方法140°C