精华内容
下载资源
问答
  • js设置div透明度

    千次阅读 2018-06-08 08:40:00
    原生js设置透明度 为了兼容IE与其他浏览器对透明度的... //透明度值变量 var oDiv = document.getElementById('div1'); //获取DOM元素对象 oDiv.style.filter = 'alpha(opacity:'+alpha+')'; //设置IE的透明度 oD...
    原生js设置透明度 
    为了兼容IE与其他浏览器对透明度的设置,我们需要对以上两种样式分别进行设置;

    复制代码代码如下:

    var alpha = 30; //透明度值变量
    var oDiv = document.getElementById('div1'); //获取DOM元素对象
    oDiv.style.filter = 'alpha(opacity:'+alpha+')'; //设置IE的透明度
    oDiv.style.opacity = alpha / 100; //设置fierfox等透明度,注意透明度值是小数

    转载于:https://www.cnblogs.com/wanlibingfeng/p/9153764.html

    展开全文
  • 设置div透明度的时候发现设置了父div透明度(opacity=0.5),子div透明度也随着改变了,并且设置div透明度不起作用,这种情况下可以使用rgba来设置div透明度:例如设置div黑色半透明,可以设置div的...
    在设置div的透明度的时候发现设置了父div的透明度(opacity=0.5),子div的透明度也随着改变了,并且设置子div的透明度不起作用,这种情况下可以使用rgba来设置父div的透明度:例如设置div黑色半透明,可以设置div的background:rgba(0,0,0,0.5)
    展开全文
  • 你读DIV背景颜色透明度设置是否熟悉,这里和大家简单分享一下,通常我们通过DIV的style样式属性filter来设置DIV背景透明样式,也可根据alpha提供的参数进行组合控制。 本节向大家爱描述一下如何设置DIV背景颜色...
  • div透明度

    2015-08-21 22:05:21
    div透明度
  • div透明度设置

    2018-11-23 15:23:00
    div的透明度设置 div的透明度属性为opacity: #bg{ height:300px; width:500px; background-color:#60F; opacity:0.5;}   动态控制div透明度 var bg = document.getElementByIdx_x('bg')...
    div的透明度设置
    div的透明度属性为opacity:
    #bg{  
    height:300px;  
    width:500px;  
    background-color:#60F;  
    opacity:0.5;}  
    

      

    动态控制div透明度
     var bg = document.getElementByIdx_x('bg');  
     function changeBg(value){  
     bg.innerHTML= value.toString();  
     bg.style.opacity = value;  
     }  
    

      

    转载于:https://www.cnblogs.com/Icebang/p/10007826.html

    展开全文
  • 在IE8及更早的浏览器中可以使用filter属性来设置div透明度。css设置div透明的方法:css中有一个opacity属性,可以设置透明度,若要设置div完全透明,可以将 opacity 属性的值设置为0。示例:div{background-color:...

    css可以使用opacity属性来设置div的透明度,将opacity属性的属性值设置为0即可使div完全透明。在IE8及更早的浏览器中可以使用filter属性来设置div透明度。

    46990bd61d4359c942452c7f44df77e7.png

    css设置div透明的方法:

    css中有一个opacity属性,可以设置透明度,若要设置div完全透明,可以将 opacity 属性的值设置为0。

    示例:

    div

    {

    background-color:red;

    opacity:0.5;

    filter:Alpha(opacity=50); /* IE8 以及更早的浏览器 */

    }

    本元素的不透明度是 0.5。请注意,文本和背景色都受到不透明级别的影响。

    效果图:

    d5ec430662bddc258560b11a0f99a006.png

    opacity属性

    浏览器支持

    所有浏览器都支持 opacity 属性。

    注释:IE8 以及更早的版本支持替代的 filter 属性。例如:filter:Alpha(opacity=50)。

    语法:opacity: value|inherit;

    属性值:value 规定不透明度。从 0.0 (完全透明)到 1.0(完全不透明)。

    inherit 应该从父元素继承 opacity 属性的值。

    展开全文
  • 设置div透明度的时候如果设置了父div透明度(opacity=0.8),那么子div透明度也随着改变了,并且设置div透明度不起作用。 这种情况下可以使用rgba来设置div透明度:例如设置div黑色半透明,可以...
  • 非常实用的页面制作,用于设置div透明度,以及div在页面左右居中
  • DIV透明度设置

    千次阅读 2012-07-07 22:27:34
    div id="Layer1" style="position:absolute; width:200px; height:115px; left:50px;top:50px;filter:alpha(opacity=30);opacity: 0.6;...opacity值越大,透明度越高 FF document.getElementBy
  • 设置DIV透明度

    2010-04-18 12:09:00
    opacity用于设置DIV透明度IE下有效filter:alpha(opacity=10); FireFox下有效opacity:0.1;
  • 感谢作者感谢原创~ div 背景透明度如何设置一个div的背景透明度 来源:互联网 ...你读DIV背景颜色透明度设置是否熟悉,这里和大家简单分享一下,通常我们通过DIV的style样式属性filter来设置DIV
  • 本节向大家爱描述一下如何设置DIV背景颜色透明度,opacityOpacity设置或检索透明渐变的开始透明度,Opacity代表透明度等级,可选值从0到100,0代表完全透明,100代表完全不透明。Style参数指定了透明区域的形状特征...
  • div设置背景图片透明度且字不透明,div设置背景图片透明度且字不透明
  • 一、cssrgba()设置颜色透明度 语法: rgba(R,G,B,A); RGBA 是代表Red(红色) Green(绿色) Blue(蓝色)和 Alpha(不透明度)三个单词的缩写。RGBA 颜色值是 RGB 颜色值的扩展,带有一个 alpha 通道 - 它...
  • 然后就给底层这个div设置了背景色和opacity属性来控制透明度,但是发现里面的文字也有了透明度,就变得很难看。我们最终想要的效果可是仅仅这个底层的div有透明效果,里面的文字是没有这效果的,那接下来我们就看看...
  • div 背景颜色透明度设置

    千次阅读 2013-09-16 14:35:55
    div设置背景颜色透明度    通常我们通过div的style样式属性filter来设置div的背景透明样式。可根据alpha提供的如下参数进行组合控制 filter: Alpha ( enabled=bEnabled , style=...
  • 由于父级div使用了opacity设置透明度,使子级div也继承了透明度 我的解决方法是使用rgba,background-color:rgba(245,224,199,0.7),0.7是透明度,由于rgba是css3的属性,所以必须是支持css3的浏览器才能支持rgba ...
  • 本示例为大家为大家介绍下有关div的一些设置,如边框、透明度的写法,不会的朋友可以参考下
  • css怎样仅设置div元素背景透明度,而不设置div元素设置div元素背景透明度,而不设置div里面元素透明度的方法:创建静态页面插入一个div和十个子div-类选择器和元素选择器设置div标签-打开浏览器预览-使用nthoftype...
  • 关于div设置背景颜色透明度

    千次阅读 2014-06-11 14:32:45
    通常我们通过div的style样式属性filter来设置div的背景透明样式。可根据alpha提供的如下参数进行组合控制: filter: Alpha ( enabled=bEnabled , style=iStyle , opacity=iOpacity , finishOpacity=iFinishOpacity ...
  • CSS设置div元素的透明度

    千次阅读 2014-09-30 13:38:12
    在IE中需要通过"filter"来定义透明度"opacity",而在Mozilla中是可以直接解析"opacity",所以如果要使得这个效果在两种浏览器中都得到支持,需要把两种设定都加进去。 .div { filter:alpha(opacity=50);/*IE*/ ...
  • 设置div背景颜色透明度,内部元素不透明: .demo{  background-color:rgba(255,255,255,0.15) }  错误方式: .demo{ background-color:#5CACEE; opacity:0.75; }  这样会导致div里面的元素内容...
  • 前端页面,给div标签设置透明度

    千次阅读 2018-08-23 16:43:09
    近段时间在学习使用一些前端的知识,在使用一些开源的前端开源特效的时候,发现网页特效被前端的div块儿所遮挡。  代码如下:    <div class="jumbotron" style=&...
  • div 设置透明度以后,返现里面的 图片 也被盖了一层 透明度 只需要在设置 div 颜色的透明度的时候改用 rgba 形式就可以了 可以先找到 16 进制颜色对应的 rgb 值 如:125,125,125 然后通过 rgba(125,125,125,0.2...
  • CSS基础:div设置透明度、圆角、投影 1. 技巧预览 2. 实战出技术 2.1 设置透明度 2.2 圆角 2.3 投影 1. 技巧预览 设置透明度; 圆角; 投影; 2. 实战出技术2.1 设置透明度 效果预览 图2.1 不透明效果预览 图...
  • HTML5中实现滑动条调节div透明度

    千次阅读 2016-03-11 09:47:23
    实现通过调节滑动条来控制div透明度的值,首先是滑动条控件的使用,滑动条值改变的触发事件,获取滑动条的值,改变div透明度的值等。 HTML5滑动条控件 实际上是type=range的input标签: type = range:设置...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 58,108
精华内容 23,243
关键字:

如何设置div透明度