CSS

background-color:transparent;

功能:背景颜色透明

background-size:cover;

background-size中,100%和cover都是用于将图片扩大或者缩放来适应整个容器

1.background-size:100% 100%;---按容器比例撑满,图片变形;
2.background-size:cover;---把背景图片放大到适合元素容器的尺寸,图片比例不变,但是要注意,超出容器的部分可能会裁掉。
第一种效果你一定会看到完整的背景图片,但是有可能被挤压(失去图片原来的比例)
第二种效果你不一定能看到完整的图片,但是图片的比例没有发生变化。

posted @ 2020-08-25 16:29  不爱吃西红柿  阅读(102)  评论(0编辑  收藏  举报