css半透明_css半透明颜色代码

莫娜号 1

用css实现div的黑色透明

现在比较稳妥的做法是做一个半透明的黑色PNG,然后把它作为风动模糊 filter: blur(add=true,direction=45,strength=30);背景,因为单纯用CSS来写,在IE8及以下版本里面是不生效的。当然如果一定要用CSS来实现的话,也容易,可以直接设置这个元素的透明度,例如下面这样:

css半透明_css半透明颜色代码css半透明_css半透明颜色代码


background:#000; opacity: 0.8;

也可以直接设置背景色为透明色,例如:

background:rgblurba(0,0,0,0.8);

这也是楼上的方法,相对而言这个方法还是比较简洁的,只是会遇到一点点浏览器兼容的问题罢了。

用 background:rgba(0, 0, 0, 0.4);

css 中的 transparent到底是什么意思

透明的意思 , 比如 color:red; 字体设置的是红色,color:transparent;就是透明的;

background-color:transparent;这样是背景透明

在与之间添加

asdfasdfd





sdfsdfsdfsdfsdf


或者:

asdfasdfd





sdfsdfsdfsdfsdf


CSS如何只改变父元素背景透明度不改变子元素透明度

当你是用 opacity 给一个元素设置透明度是,请注意,你修改的是这个元素的本质上的透明度。

那么在这个元素里所有的内容,包括它自己的属性(比如背景色),它内部的子元素,比如里面有个div.child 都会变的透明,而且无论你如何修改 div.child 的 opacity=1.0 都无法改变它变成了一个透明元素的事实。

原因也很简单:那就是由于我们修改的是父容器的 opacity 属性,这个半透明效果 filter: Alpha(Opacity=50);属性是把元素本身都变的透明,那么存在于这个元素内部的一切都会按照 opacity 属性的值来变的透明。

所以,现在就认清了一个事实了:opacity,只要设定了,元素本质上就变的透明了。在其内部的一切都会受到这个值的影响。

解决办法,

1. 如果是一个透明的背景色,那么没有必要大费周章的把元素的本质弄透明,你只需要在设置颜色的时候,使用 rgba 32 位带透明度的颜色即可。(父元素的 opacity 依然是1.0)。

2. 如果是一个半透明的背景。那么你可以把背景作为一个 opacity 为 1的 父容器视图的个子元素。铺满整个父容器。让后设置 img 的 opacity(.5).【请 注意,此时父容器的 opacity=1.0】,然后利用定位,把你需要的第二个显示内容的容器以img 为兄弟元素的关系定位在父容器里即可。(兄弟元素之间 ,opacity 是不受其影响的)

两个半透明div叠加在一起颜色不变

v-shadow

CSS定位。两个半透明div叠加在一起颜色不变的原因是因为CSS定位,需要添加两个div,鼠标未移上是显示个,鼠标移上后,显示出来第二个半透明的。这两个div在同一位置上。

不大清楚你的意思,是不是去掉照片周围的白色框框?你可以找到

css3 这种半透明边框带阴影,里面填充白色该怎么做?

background-repeat: repeat-x;

#s3 {padding:20px;width:500px;height:300px;margin:auto;background:#fff;background:rgba(0, 0, 0, 0.6);filter:Alpha(opacity=60);box-shadow:10px 10px 20px rgba(0,0,0,0.5);}

.s4 {width:500px;height:300px;background:#fff;}

试了下,边框貌似不能用rgba,那么可以弄2个div。

.outer{width: 100px;height: 100px;padding:10px;background-color:rgba(51,51,51,.5);box-shadow: 0 0 10px 5px #;}

.inner{width: 100px;height: 100px;background-color: #fff;}

外面div比里面多10px,我是用的padding。外面div设置rgba半透明,里面div设置白色。样子跟边框不多。

-------------割-------------

又试了下,边框可以用rgba,border:10px solid rgba(238, 238, 238,.5);

html/css 网页背景,如何自适应宽度,长度不压缩? div如何半透明?详解

border-bottom:10px solid transparent;

横向平铺背景。

div透明度,继续参考下面代码

这里是透明的DIV

如何用css设置透明色?

说明:

#m_pro .photo{background:#FFF;border:1px solid #DDD}

改为 #m_pro .photo{backg2、还有一个办法就是制作一张gif 因为gif是支持背景透明的round:transparent}

刚好,我曾经做过这个功能,和你分享下。

黑白照片 filter: gray;

X光照片 filter: Xray;

正弦波纹 filter: We(Add=0, Freq=60, LightStrength=1, Phase=0, Strength=3);

线型透明 filter: Alpha(Opacity=0, FinishOpacity=100, Style=1, StartX=0, StartY=0, FinishX=100, FinishY=140);

白色透明 filter: Chroma(Color=#FFFFFF);

降低色彩 filter: grays;

底片效果 filter: invert;

左右翻转 filter: fliph;

投影效果 filter:progid:dXImageTransform.Microsoft.DropShadow(color=#cccccc,offX=5,offY=5,itives=true);

马赛克 filter:progid:dXImageTransform.Microsoft.Pixelate(maxsquare=3);

发光效果 filter:progid:dXImageTransform.Microsoft.Glow(color=#cccccc,Strength=5);

我的代码:

这些网上一搜一大把的。

把#m_pro .photo{background:#FFF;border:1px solid #DDD}改为 #m_pro .photo{background:transparent}

最后修改时间:
金秀贤running man 金秀贤runningman几期
上一篇
亚索出装云顶之弈(亚索出装云顶之弈s7
下一篇

相关文章