knrt.net
当前位置:首页 >> Css实现背景图片半透明效果. >>

Css实现背景图片半透明效果.

可以设置啊,如图: 常见的失败做法 最常见的做法事设置元素的opacity,这种设置出来的效果就是内容与背景都事半透明的,严重影响视觉效果。 还有就是设置background-color:rgba(),这种方式只能设置背景颜色的透明度。 正确Action: 登陆 body{ ba...

你的图片跟第二个层在同一个层里,第二个层又是相对定位,当然不行了。 .alpha{filter:alpha(opacity=30);width:400px;} asdfasdfd sdfsdfsdfsdfsdf 或者: .alpha{filter:alpha(opacity=30);width:400px;} asdfasdfd sdfsdfsdfsdfsdf

实现透明的css方法通常有以下3种方式(以下是不透明度都为80%的写法) css3的opacity:x,x 的取值从 0 到 1,如opacity: 0.8 css3的rgba(red, green, blue, alpha),alpha的取值从 0 到 1,如rgba(255,255,255,0.8) IE专属滤镜 filter:Alpha(opa...

可以设置半透明 div{filter:alpha(Opacity=80);-moz-opacity:0.5;opacity: 0.5;} 说明: 1、filter:对win IE设置半透明滤镜效果,filter:alpha(Opacity=80)代表该对象80%半透明,火狐浏览器不认 2、-moz-opacity:对mozilla firefox火狐浏览器...

css里给背景图片变透明点 给图片的div加什么代码才能实现,首先我们如果在一个div中做的话,必然会是这个div整体变的透明,而不单独是背景,所以我们需要2个div,一个做背景层,然后一个显示内容,层的概念,z-index的数值越大,层就越在上面,...

示例代码如下,兼容各种主流浏览器: body:hover { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }

图片会覆盖颜色,但如果图片中存在透明色(GIF和PNG格式的图片支持透明,JPG则不支持),则背景颜色会透过图片的透明部分显示出来;或者如果背景图设置为不平铺(no-repeat)且图片比较小时,则未被图片覆盖的部分也会显示出背景颜色。

亲,我们经常会使用到背景图片,但有时候需要把背景图片设置一个半透明的效果,那么就需要以下的CSS了。这是一个CSS滤镜达到的效果,应用十分广泛。 .modbr{filter:alpha(opacity=80);-moz-opacity:0.8;width:auto !important;width:100%} 注: ...

晕。楼主人才呀。 onmouseover="this.style.opacity=0.4;this.filters.alpha.opacity=40" onmouseout="this.style.opacity=1;this.filters.alpha.opacity=100" 你把这2段的样式分为2个class 例如: .testimg{opacity:1;filter:alpha(opacity=100...

div { width: 300px; height: 300px; position: absolute; } .f { opacity: 0.6; filter: alpha(opacity=60); text-align: center; background-color: gray; left: 0; top: 0; z-index: 99 } input { position: absolute; top: 100px; left: 60...

网站首页 | 网站地图
All rights reserved Powered by www.knrt.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com