资讯专栏INFORMATION COLUMN

css opacity 透明度

wind3110991 / 2672人阅读

摘要:属性用来设置一个元素的透明度,例如文字图片背景等。目前主流的浏览器都支持写法,取值为,为完全透明,为完全不透明。例针对以及更早的版本

Opacity属性用来设置一个元素的透明度,例如文字、图片、背景等。目前主流的浏览器都支持opacity:value写法,value取值为0-1,0为完全透明,1为完全不透明。需要注意的是在IE8及之前的版本中是不支持这种写法,那么我们可以通过滤镜来解决 filter:alpha(opacity=value),value取值为0-100,0为完全透明,100为完全不透明。
例:

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

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/111606.html

相关文章

  • css明度之rgba和opacity的区别及兼容

    摘要:对于设置透明度,我们有两个可以选的属性和用法和使用属性来设定透明度。值越小,越透明。参数是介于完全透明与完全不透明的数字。注意如果在里面同时使用这两种方法时,会造成冲突而无法做到透明度的实现。说明了子元素会继承父元素的属性 对于设置透明度,我们有两个可以选的css3属性:rgba 和 opacity opacity 用法: #box{ background-color:rgb(...

    genedna 评论0 收藏0
  • 基于CSS3实现淡入(fadeIn)淡出(fadeOut)效果

    摘要:网上的淡入淡出效果大多是依照中和的方法使用来控制元素的透明度达到目的,但缺点是有轻微的卡顿感,并且运行效率一般。思路是将淡入,淡出的效果做成预先定义好的样式类,然后用改变元素的类来达到图片轮播。 网上的淡入淡出效果大多是依照jquery中fadeIn和fadeOut的方法使用js来控制元素的透明度达到目的,但缺点是有轻微的卡顿感,并且运行效率一般。 这里提供另外一个思路,即通过预先定义...

    XUI 评论0 收藏0
  • CSS透明效果的属性和场景

    摘要:在中与半透明效果相关的属性有两个和。属性的值规定透明度。以及更早的版本支持替代的属性。接下来通过场景来描述半透明效果的实现。图片出现半透明效果,如果将文字设置为白色,文字的半透明效果会很小。 在CSS中与半透明效果相关的属性有两个:opacity和rgba。opacity属性的值规定透明度。从 0.0 (完全透明)到 1.0(完全不透明)。设置opacity元素的所有后代元素会随着一起...

    NoraXie 评论0 收藏0
  • Background背景色透明RGBA和opacity的对比实例(转载)

    摘要:浏览器的兼容性如果庞统说是制作透明色透明背景色透明边框色透明前景色等,大家不由会想起这个东西。 Background背景色透明RGBA时间:2013-03-16 00:44│来自: 信有UED│作者:JUN│点击:9704次RGB不用说,大家都知道是什么,但RGBA是什么呢? 1 2 background : rgb ( 0 , 0 , 0 ) ; background : rgba ...

    Pines_Cheng 评论0 收藏0
  • Background背景色透明RGBA和opacity的对比实例(转载)

    摘要:浏览器的兼容性如果庞统说是制作透明色透明背景色透明边框色透明前景色等,大家不由会想起这个东西。 Background背景色透明RGBA时间:2013-03-16 00:44│来自: 信有UED│作者:JUN│点击:9704次RGB不用说,大家都知道是什么,但RGBA是什么呢? 1 2 background : rgb ( 0 , 0 , 0 ) ; background : rgba ...

    jindong 评论0 收藏0

发表评论

0条评论

wind3110991

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<