图片/容器/字体透明度[opacity:0.4; filter:alpha(opacity=40)]

1、字体透明度

<html>
<head>
    <style>
        #test{
                   }
        #test span{
            color:#fff;
            zoom:1 /*触发IE下块级元素*/
            filter:alpha(opacity=50);
            -moz-opacity:0.5;
            opacity:0.5;
        }
    </style>
</head>
<body>
    <div id="test">
        <span>前景色透明度</span>
    </div>
</body>
</html>

2、图片透明度

img
{
opacity:0.4;
filter:alpha(opacity=40); /* For IE8 and earlier */
}
img:hover
{
opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
}

3、容器透明度

.pxs_bg .pxs_bg2{
   background-image:url(../images/bg2.png);
    opacity:0.3;
    filter:alpha(opacity=30);
   /*left negative 1/4 of ww*/
}

转载于:https://www.cnblogs.com/xztx/p/6362611.html

图片/容器/字体透明度[opacity:0.4; filter:alpha(opacity=40)]相关推荐

filter:alpha(opacity=100,style=1)
filter:alpha(opacity=100,style=1) 1.opacity属性:设置透明度,取值0至100之间的任意数值,100表示完全不透明: 2.style属性:设置渐变风格: 0表示 ...
ie下的透明度，用滤镜filter:alpha
.box{ width:100px; height:100px; background-color:#000; filter:alpha(Opacity=50); opacity: 0.5; } 转载 ...
html如何调图片透明度,css图片怎么设置透明度？
css透明度的设置在网页的设计中是经常需要用到的,有时为了设计出的网页更加的美观,会对图片进行透明化处理,css中的透明度怎么设置呢?今天这篇文章就来给大家分享css中图片透明度的设置方法. 我们来看 ...
css中filter:alpha透明度总结
Alpha,设置透明度. 用法: FILTER:alpha(opacity=80);/* 设置不透明度为80 */ filter:Alpha(Opacity=?, FinishOpacity=?, S ...
html中视频透明度怎么设置,html图片怎么设置透明度
html图片设置透明度的方法:首先创建一个div:然后设置一个类名:最后通过"filter:alpha(opacity=50);opacity:0.5;"等属性设置图片透明度即可. ...
css透明饱和度,css中filter:alpha透明度使用
css中filter:alpha透明度使用使用filter可以设置透明度,filter:alpha在IE下是没有问题的,要支持firefox就需要使用-moz-opacity,下面有个不错的示例,大 ...
IE8半透明滤镜(filter:alpha)失效（附png半透明失效的解决办法）
很诡异的问题,很诡异的问题,真是很诡异的问题,很蛋疼的问题,很蛋疼的问题,真是很蛋疼的问题. 前两天给div写的滤镜在IE8.9上都没有问题,不知道为什么,今天一看,滤镜在IE9上没有问题,但IE8上 ...
微信小程序实现页面加入背景图片以及调节透明度
在微信小程序中有时候需要在页面加入背景图片以及调节透明度让我们的小程序变得更加美观,以下是代码实现: 1.WXML <view class="bg" ><imag ...
[pillow]透明图片和不透明图片叠加合成--添加透明度
一开始尝试了网上各种方法,效果都不太好,边缘比较毛躁.目前试出来比较好的方法alpha_composite和paste 无透明度 #reference:https://blog.csdn.net/we ...

图片/容器/字体透明度[opacity:0.4; filter:alpha(opacity=40)]

图片/容器/字体透明度[opacity:0.4; filter:alpha(opacity=40)]相关推荐

最新文章

热门文章

图片/容器/字体 透明度[opacity:0.4; filter:alpha(opacity=40)]

图片/容器/字体 透明度[opacity:0.4; filter:alpha(opacity=40)]相关推荐

最新文章

热门文章

图片/容器/字体透明度[opacity:0.4; filter:alpha(opacity=40)]

图片/容器/字体透明度[opacity:0.4; filter:alpha(opacity=40)]相关推荐