用CSS的 filter 来轻松实现图层半透明

用CSS的 filter 来轻松实现Div半透明

.Demo{
background:#000; background:rgba(0,0,0,0.6); filter:alpha(opacity=40);
}

<div class="Demo">hooyes!</div>

点击查看效果

Hello hooyes!

看到屏幕的右上角了半透明的图层了吗？

转载于:https://www.cnblogs.com/hooyes/archive/2011/05/13/css3-filter.html

用CSS的 filter 来轻松实现图层半透明相关推荐

css透明饱和度,css中filter:alpha透明度使用
css中filter:alpha透明度使用使用filter可以设置透明度,filter:alpha在IE下是没有问题的,要支持firefox就需要使用-moz-opacity,下面有个不错的示例,大 ...
Css的filter常用滤波器属性及语句大全
Css的filter常用滤波器属性及语句大全语法:STYLE="filter:filtername(fparameter1, fparameter2...)" (Filterna ...
css 的 filter:grayscale 哀悼模式
页面整体黑白一般在清明节,全国哀悼日,大地震的日子,以及一些影响力很大的伟人逝世或纪念日的时候,身为站长的我们都会让自己的网站的全部网页变成灰色(黑白色),以表示我们对逝者的悼念.那么今天小编就说说 ...
html滤镜无效果,为什么css滤镜(filter属性)没用？
为什么css滤镜(filter属性)没用?下面本篇文章给大家介绍一下.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 滤镜filter属性,可以对网页中的图片进行类似Photosho ...
JavaScript|你不知道的CSS属性-Filter（滤镜）
欢迎点击「算法与编程之美」↑关注我们! 本文首发于微信公众号:"算法与编程之美",欢迎关注,及时了解更多此系列文章. 问题描述当在拍照.p图时,有一个东西必不可少那就是滤镜,适当 ...
html怎么设置页面半透明,css怎么将背景颜色设置成半透明
css怎么将背景颜色设置成半透明发布时间:2020-06-24 13:17:07 来源:亿速云阅读:540 作者:Leah 这篇文章运用简单易懂的例子给大家介绍css怎么将背景颜色设置成半透明,代 ...
韩顺平轻松搞定网页设计(html+css+js),韩顺平轻松搞定网页设计方案(html+css+js)之javascript现场授课笔记(完整版).doc...
2011韩顺平轻松搞定网页设计(html+css+js)之 javascript现场授课笔记(完整版) 视频18整和19的前半部分不用看 Javascript的基本介绍 JS是用于WEB开发的脚本语言 ...
css中filter:alpha透明度总结
Alpha,设置透明度. 用法: FILTER:alpha(opacity=80);/* 设置不透明度为80 */ filter:Alpha(Opacity=?, FinishOpacity=?, S ...
Css的filter常用濾波器屬性及語句大全
濾鏡說明: Alpha:設置透明層次. blur:創建高速度移動效果,即模糊效果. Chroma:製作專用顏色透明. DropShadow:創建對象的固定影子. FlipH:創建水 ...

用CSS的 filter 来轻松实现图层半透明

用CSS的 filter 来轻松实现图层半透明相关推荐

最新文章

热门文章