html透明度调整

background: url(timg.jpg)no-repeat;:将一张图片设置为html的背景图,并且不平铺。如果平铺的话将占满整个网页。
background-size: cover;:background-size的cover特定值会保持图像本身的宽高比例,将图片缩放到正好完全覆盖定义背景的区域。
z-index: -1;:让一个层在所有层的下面当背景的方法。
-webkit-filter:blur(5px);:-webkit-filter,其作用通常是进行图片处理,blur(5px)是对图像进行模糊处理,此处像素为5px。
filter: blur(px);用滤镜对文字进行模糊处理。
background: rgba(225,225,225,0.3);通过改变最后一个值来设置背景图片的透明度。

第一种方法:背景图+定位+background: url(timg.jpg)no-repeat;

Document
我是吴亦凡

效果图一:

第二种方法:背景图+伪类+flite:blur(5px)

Document
我是吴亦凡

效果图二:

需要知道的几个属性:

发布了17 篇原创文章 · 获赞 0 · 访问量 906

猜你喜欢

转载自blog.csdn.net/qq_36833168/article/details/90514325