css改变背景透明度【转】

【css改变背景透明度【转】】的更多相关文章

css改变背景透明度【转】

兼容主流浏览器的CSS透明代码: .transparent_class { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; } 解析: opacity: 0.5; 这是最重要的,因为它是CSS标准.该属性支持firefox, Safari和 Opera. filter:alpha(opacity=50); 这个是为IE6设的,可取值在0-100,其它三个0到1. -moz-opacity…

css改变背景透明度

透明往往能产生不错的网页视觉效果,先奉上兼容主流浏览器的CSS透明代码:.transparent{filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9;} 上面的几个属性分别是: opacity: 0.9; 这是最重要的,因为它是CSS标准.该属性支持firefox, Safari和 Opera.filter:alpha(opacity=90); 这个是为IE6设的,可取值在0-100,其它三个…

CSS只改变背景透明度，不改变子元素透明度

一般情况下,我们可以使用css的opcity属性改变某个元素的透明度,但是其元素下的子元素的透明度也会被改变,即使对子元素重新定义也没有用,例如: <div style="opacity:0.4; background-image:url(...);"> <div style="opacity:1.0;"> 显示文字 </div> </div> 文字元素的透明度也会是0.4. 于是想一想,如果有方法只改变背景的透明度就…

CSS 设置背景透明度，不影响子元素

由于 opacity 属性能被子元素继承,使用它设置父元素背景透明度时也会影响子元素．解决方法: 1> 使用 RGBA Example .classname { /* RGBa, 透明度0.6 */ background: rgba(0, 0, 0, 0.6); } 2> 使用 opacity, 设置一个背景DIV,此DIV使用绝对布局 Example <div class="demo"> <div class="demo-bg"&g…

CSS控制元素背景透明度总结

方法一:CSS3的background rgba filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F000000',endColorstr='#7F000000');background:rgba(0,0,0,0.5); 常用的方法是rgba来实现背景透明度兼容ie6 ie7 ie8的做法是用ie的滤镜实现有个小问题就是通过这种方法实现背景透明度的话在ie系列下如果元素需要绑定…

日常css技巧小结（1）--背景透明度改变对内容无影响

刚开始出现的错误,内容会受到背景透明度改变的影响:如图: 代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> div{ width:300px; height: 300px; margin: 50px auto; line-height:…

scroll事件实现监控滚动条改变标题栏背景透明度(zepto.js )

今天做了一个类似于手机端京东首页的页面,效果图如下: 刷新页面的时候,标题栏(也就是搜索栏),背景是透明的,当我们往下滑的时候,可以改变标题栏的背景透明度(渐变效果): 当标题栏滑过轮播图后,透明度就会渐变成1了. 下面是另外做的一个小demo来展示实现这个效果,同时这里也涉及到滚动条的问题哦! 因为脱离项目写这个demo的时候,发现写$('.content1').scroll(function () { 代码... });的时候,没有运行里面的代码. 后来换成$('body').scroll(…