当前位置:首页> 正文

css怎么设置图片的透明度?

在一些网站的登录页面上,经常可以发现,一张图片叠加在另一张图片上,底层的图片若隐若现,利用css中的透明属性opacity可以实现这种效果。

通过opacity属性来设置图片透明度,IE8以及更早的版本使用滤镜filter:alpha(opacity=x)。

css代码:

img
{
opacity:0.4;
filter:alpha(opacity=40); /* 针对 IE8 以及更早的版本 */}

效果图:

常规图像:

带有透明度的相同图像:

css可以通过opacity属性来设置图片透明度,opacity属性能够设置的值从0.0到1.0。值越小,越透明。IE8以及更早的版本使用滤镜filter:alpha(opacity=x)。x能够取的值从0到100。值越小,越透明。

以上就是css怎么设置图片的透明度?的详细内容,更多请关注易知道|edz.cc其它相关文章!

展开全文阅读

相关内容