美文网首页
css图片加透明度

css图片加透明度

作者: 幸福幸福幸福 | 来源:发表于2017-01-14 09:57 被阅读85次

在图片的属性中加上
{filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}

opacity是最重要的,因为它是CSS透明的标准属性,取值范围在0-1之间,目前支持的浏览器有:
Firefox、Chrome、Opera、Safari。(也就是说,除了IE,它支持所有主流浏览器);
filter:alpha(opacity=50);是专门给IE设定的属性,取值的范围在0-100之间;
-moz-opacity是为了兼容一些老版本的Mozilla浏览器,取值范围在0-1之间;
-khtml-opacity是为了兼容一些老版本的Safari浏览器,取值范围在0-1之间。

相关文章

  • css图片加透明度

    在图片的属性中加上{filter:alpha(opacity=50); -moz-opacity:0.5; -kh...

  • css图片的一些方法

    css3过度动画 css3圆角、阴影、透明度 运动曲线 图片文字遮罩 变形 元素旋转

  • Hack、过渡与变形(变换)

    条件Hack 图片的修复 属性 选择符 CSS3过渡动画 css3圆角 阴影 透明度 运动曲线 图片文字遮罩 变形...

  • CSS图片透明度

    opacity属性 利用opacity属性实现图片透明 hover属性 利用hover属性实现鼠标滑过,改变透明度...

  • 0608-web:图片/log/异常处理/唯一索引/

    图片尺寸:(透明度可以通过css设置) log:就像print语句一样,在特定点输出特定信息,info、error...

  • CSS样式更改——用户界面和指针类型

    前言 上篇文章主要讲述了CSS样式更改中的多列、元素是否可见、图片透明度基础知识,这篇文章我们来介绍下CSS样式更...

  • JS动画(三)

    实现多个元素的动画效果,如下: 我们可以看到移动鼠标可以改变不同图片的透明度 具体实现过程: html+css内容...

  • 17.1.25 css透明度和鼠标手势

    1.css设置透明度 filter:alpha(opacity=50); /*IE滤镜,透明度50%*/ -moz...

  • 轮播图分步解析

    轮播图的html CSS 第一步、获取元素(DOM操作) 第二步、创建改变图片透明度的函数 rightBtnHan...

  • CSS 实现图片透明度渐变效果

    需求 实现图片的透明度渐变效果,效果如下: 实现 先说下我的实现,并没有用什么黑科技,而是通过两层图层堆叠的方式来...

网友评论

      本文标题:css图片加透明度

      本文链接:https://www.haomeiwen.com/subject/kkdebttx.html