在我们不知道屏幕的大小到底是多少时,怎么使用 background 的属性将图片填满整个屏幕:
z-index:-1;
background:url();
background-size:cover;
filter: blur(100px); //模糊效果,里面的值越大越模糊
注意:在 html 中,后面的元素与前面的元素层叠时会覆盖前面的元素。
另外,值得注意的是,当我在写css样式文件时,语法没有任何错误,但就是不显示期望的样式,那么这个时候可能会是css样式优先级问题。
//比如这样,我们可以将需要设置的优先级调到最大
color: transparent !important;