DIV背景半透明样式

DIV背景半透明，DIV中的字不半透明

图层背景半透明，字体颜色也半透明

</span></div>
<div style="filter:alpha(opacity=50);background:#ffffff;width:600"><span style="position:relative;color:yellow">图层背景半透明，字体颜色不半透明</span></div>

*******带filter的层一定要有width属性，否则filter无效。********

我们可以用CSS样式的filter（滤镜效果）对HTML的一些标记设置滤镜效果。

例：

黑白照片 filter: gray;
X光照片 filter: Xray;
风动模糊 filter: blur(add=true,direction=45,strength=30);
正弦波纹 filter: Wave(Add=0, Freq=60, LightStrength=1, Phase=0, Strength=3);
半透明效果 filter: Alpha(Opacity=50);
线型透明 filter: Alpha(Opacity=0, FinishOpacity=100, Style=1, StartX=0, StartY=0, FinishX=100, FinishY=140);
放射透明 filter: Alpha(Opacity=10, FinishOpacity=100, Style=2, StartX=30, StartY=30, FinishX=200, FinishY=200);
白色透明 filter: Chroma(Color=#FFFFFF);
降低色彩 filter: grays;
底片效果 filter: invert;
左右翻转 filter: fliph;
垂直翻转 filter: flipv;
投影效果 filter:progid:dXImageTransform.Microsoft.DropShadow(color=#cccccc,offX=5,offY=5,positives=true);
马赛克 filter:progid:dXImageTransform.Microsoft.Pixelate(maxsquare=3);
发光效果 filter:progid:dXImageTransform.Microsoft.Glow(color=#cccccc,Strength=5);
柔边效果 filter:alpha(opacity=100, finishOpacity=0,style=2

DIV背景半透明样式相关推荐

DIV背景半透明，DIV中的字不半透明
filter的层一定要有width属性,否则filter无效. <div style="filter:alpha(opacity=50);background:#ffffff;widt ...
CSS实现Div层背景半透明而内容不透明的效果
CSS实现Div层背景半透明而内容不透明的效果 2014年5月18日 MK 前端设计 0 阅读 2932次前几天有一个学弟问我,怎么样能实现Div层背景半透明而内容不透明的效果呢,他写的效果不管怎么 ...
html 弹出层边框半透明,js+CSS实现弹出居中背景半透明div层的方法
本文实例讲述了js+CSS实现弹出居中背景半透明div层的方法.分享给大家供大家参考.具体实现方法如下: js+CSS弹出居中的背景半透明div层 body{margin:0px;} #bg{widt ...
div设置背景半透明
2019独角兽企业重金招聘Python工程师标准>>> 第一种: #a{ background:#FFCC33; filter:alpha(opacity=50); /*支持 IE ...
【CSS】CSS 背景设置 ⑨ ( 背景半透明设置 )
文章目录一.背景半透明设置 1.语法说明 2.代码示例一.背景半透明设置 1.语法说明背景半透明设置可以使用 rgba 颜色值设置半透明背景 ; 下面的 CSS 样式中 , 就是设置黑色背 ...
小程序背景图片样式阴影子元素上下左右居中上下居中左右居中
小程序 css3 常用的一些样式: 一. 背景颜色半透明 1. 透明背景颜色样式 background:rgba(0,0,0,0.5); 2. 背景图片样式 background-image: url ...
div嵌套div 背景图片不显示的问题
这几天在做一个小Demo的时候碰到了如上的问题,一个DIV嵌套多个DIV时,父容器DIV不显示背景图片.同时结合之前碰到类似的问题,我归纳了如下几个解决方法: 1.就是常见的子div 背景把父di ...
背景半透明(HTML、CSS)
背景半透明(HTML.CSS) <!DOCTYPE html> <html lang="en"><head><meta charset=& ...
css设置背景半透明，文字不透明效果
设置背景半透明,文字不透明效果一.常见的错误做法最常见的做法就是: 1.设置元素的opacity,这种设置出来的效果就是内容与背景都是半透明的,严重影响视觉效果. 2.设置background-c ...

DIV背景半透明样式

DIV背景半透明样式相关推荐

最新文章

热门文章

DIV背景半透明 样式

DIV背景半透明 样式相关推荐

最新文章

热门文章

DIV背景半透明样式

DIV背景半透明样式相关推荐