background-attachmen:fixed为背景固定,默认固定在浏览器的左上角,是相对于整个窗口的固定,实质上的存在位置与盒子无关。但只有在盒子的位置范围内才会显示出来
而cover为等比例,把背景图扩展至最大尺寸,完全覆盖背景区域,也许无法完全显示在背景定位区域中。
所以cover和fixed同时使用时,若原图形尺寸大于盒子,则无法实现原本期望的cover效果,也就是页面上只会在盒子的位置显示背景图片的一部分
OpalChen 博主文章分类:html、css简单易忘琐碎知识点 ©著作权
文章标签 背景图 背景图片 background-size 文章分类 Html/CSS 前端开发
background-attachmen:fixed为背景固定,默认固定在浏览器的左上角,是相对于整个窗口的固定,实质上的存在位置与盒子无关。但只有在盒子的位置范围内才会显示出来
而cover为等比例,把背景图扩展至最大尺寸,完全覆盖背景区域,也许无法完全显示在背景定位区域中。
所以cover和fixed同时使用时,若原图形尺寸大于盒子,则无法实现原本期望的cover效果,也就是页面上只会在盒子的位置显示背景图片的一部分
上一篇:下划线和中间删除线等如何同时使用
固定定位 .box1{ width: 100px; h /* * 当position元素为fixed
css定位:相对定位:相对定位是相对于元素原本的位置进行移动的。position:relative;left:10px;top:10px;绝对
举报文章
请选择举报类型
补充说明
0/200
上传截图
格式支持JPEG/PNG/JPG,图片不超过1.9M