精华内容
下载资源
问答
  • 背景透明度

    2016-05-23 17:22:33
    http://2960629.blog.51cto.com/2950629/742499设置透明效果 大概有三种1、用android系统的透明效果 Java代码 android:background=”@android:color/transparent” 例如 设置按钮 Java代码

    http://2960629.blog.51cto.com/2950629/742499

    设置透明效果 大概有三种

    1、用android系统的透明效果
    Java代码
    android:background=”@android:color/transparent”

    例如 设置按钮
    Java代码

    展开全文
  • 如何设置一个div的背景透明度,对于一些新手朋友有些陌生,接下来详细介绍实现方法,有需要了解的朋友可以参考下
  • CSS设置背景透明度

    万次阅读 多人点赞 2018-04-16 09:05:53
    实现透明的css方法通常有以下3种方式,以下是不透明度都为80%的写法:css3的opacity:x,x 的取值从 0 到 1,如opacity: 0.8css3的rgba(red, green, blue, alpha),alpha的取值从 0 到 1,如rgba(255,255,255,0.8)IE...

    实现透明的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(opacity=x),x 的取值从 0 到 100,如filter:Alpha(opacity=80)

    一、css3的opacity

    兼容性:IE6、7、8不支持,IE9及以上版本和标准浏览器都支持

    使用说明:设置opacity元素的所有后代元素会随着一起具有透明性,一般用于调整图片或者模块的整体不透明度

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>背景透明度</title>
    <style>
    .demo{
      padding: 25px;
      background-color:#000000;
      filter:alpha(opacity:50); opacity:0.5;  -moz-opacity:0.5;-khtml-opacity: 0.5;
    }
    .demo p{
        color: #FFFFFF;
    }
    </style>
    </head>
    <body>    
    
    <div class="demo">
        <p>背景透明,文字也透明</p>
    </div>
    </body>
    </html>

    使用opacity后整个模块都透明了,展现如下:

    那么使用opacity实现《背景透明,文字不透明》是不可取的。

    二、css3的rgba

    所谓RGBA颜色,顾名思意就是R+G+B+A的颜色,再具体点就是red+green+blue+alpha的颜色,翻译一下就是红+绿+蓝+Alpha透明的颜色。

     

    background:rgba(200, 54, 54, 0.5);
    

    其中,表示半透明度的0.5前面的0是可以省掉的,直接.5也是可以的。

    兼容性:IE6、7、8不支持,IE9及以上版本和标准浏览器都支持

    解决IE8浏览器不支持rgba的方法:

     

    background:rgba(0,0,0,0.5); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);

    使用说明:设置颜色的不透明度,一般用于调整background-color、color、box-shadow等的不透明度。

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>css3的rgba</title>
    <style>
    .demo{
      padding: 25px;
      background-color:#000000;/* IE6和部分IE7内核的浏览器(如QQ浏览器)下颜色被覆盖 */
      background-color:rgba(0,0,0,0.2); /* IE6和部分IE7内核的浏览器(如QQ浏览器)会读懂,但解析为透明 */
    }
    .demo p{
        color: #FFFFFF;
    }
    </style>
    </head>
    <body>    
    <div class="demo">
        <p>背景透明,文字也透明</p>
    </div>
    </body>
    </html>

    在background-color中使用rgba,标准浏览器中,背景透明,文字不透明,展现如下:

    那么使用rgba实现背景透明,文字不透明是可取的。

    展开全文
  •  图3、点击按钮02,背景透明度设置正常,但是可能会对全局的背景有影响  图4、点击按钮03,背景透明度设置正常,具体原因代码注释有提到 三、再加上代码 按钮点击 public void button01(View view){ // s
  • css设置背景透明度的方法是什么发布时间:2020-09-01 15:43:28来源:亿速云阅读:83作者:小新这篇文章将为大家详细讲解有关css设置背景透明度的方法是什么,小编觉得挺实用的,因此分享给大家做个参考,希望大家...

    css设置背景透明度的方法是什么

    发布时间:2020-09-01 15:43:28

    来源:亿速云

    阅读:83

    作者:小新

    这篇文章将为大家详细讲解有关css设置背景透明度的方法是什么,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

    实现背景透明有多种方式,本文为大家介绍以下两种方式:

    css3的opacity:x,x 的取值从 0 到 1,如opacity: 0.8

    css3的rgba(red, green, blue, alpha),alpha的取值从 0 到 1,如rgba(255,255,255,0.8)

    一、css3的opacity

    兼容性:IE6、7、8不支持,IE9及以上版本和标准浏览器都支持

    使用说明:设置opacity元素的所有后代元素会随着一起具有透明性,一般用于调整图片或者模块的整体不透明度

    背景透明度

    .demo{

    padding: 25px;

    background-color:#000000;

    filter:alpha(opacity:50); opacity:0.5; -moz-opacity:0.5;-khtml-opacity: 0.5;

    }

    .demo p{

    color: #FFFFFF;

    }

    背景透明,文字也透明

    使用opacity后整个模块都透明了,展现如下:

    4d419b9868df32e64467712407000a3a.png

    那么使用opacity实现《背景透明,文字不透明》是不可取的。

    (视频教程推荐:css视频教程)

    二、css3的rgba

    所谓RGBA颜色,顾名思意就是R+G+B+A的颜色,再具体点就是red+green+blue+alpha的颜色,翻译一下就是红+绿+蓝+Alpha透明的颜色。background:rgba(200, 54, 54, 0.5);

    其中,表示半透明度的0.5前面的0是可以省掉的,直接.5也是可以的。

    兼容性:IE6、7、8不支持,IE9及以上版本和标准浏览器都支持

    解决IE8浏览器不支持rgba的方法:background:rgba(0,0,0,0.5); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);

    使用说明:设置颜色的不透明度,一般用于调整background-color、color、box-shadow等的不透明度。

    css3的rgba

    .demo{

    padding: 25px;

    background-color:#000000;/* IE6和部分IE7内核的浏览器(如QQ浏览器)下颜色被覆盖 */

    background-color:rgba(0,0,0,0.2); /* IE6和部分IE7内核的浏览器(如QQ浏览器)会读懂,但解析为透明 */

    }

    .demo p{

    color: #FFFFFF;

    }

    背景透明,文字也透明

    在background-color中使用rgba,标准浏览器中,背景透明,文字不透明,展现如下:

    05bcfa7e6f22c45f2d01b231d1c6796f.png

    那么使用rgba实现背景透明,文字不透明是可取的。

    关于css设置背景透明度的方法是什么就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。

    展开全文
  • 大家都知道,目前有很多浏览器无法实现背景裁切、背景透明度、背景变换和复杂背景定位等效果。那么这篇文章将详细介绍了这几种背景图片的处理方法。 正如前面所说,仅仅依靠CSS现有的属性,我们无法实现背景裁切、...
  • 这是一款可以支持Dialog显示SeekBar控制背景透明度效果,该项目实现了Dialog显示SeekBar控制背景透明度,并且可以拖动,具体如效果如上面演示图所示,更多安卓源码尽在源码天堂。
  • 背景透明度如何设置一个div的背景透明度 来源:互联网 作者:佚名 时间:12-31 16:55:48 【大 中小】 如何设置一个div的背景透明度,对于一些新手朋友有些陌生,接下来详细介绍实现方法,有需要了解的朋友可以...

    感谢作者感谢原创~

    div 背景透明度如何设置一个div的背景透明度

    来源:互联网 作者:佚名 时间:12-31 16:55:48

    如何设置一个div的背景透明度,对于一些新手朋友有些陌生,接下来详细介绍实现方法,有需要了解的朋友可以参考下

    你读DIV背景颜色透明度的设置是否熟悉,这里和大家简单分享一下,通常我们通过DIV的style样式属性filter来设置DIV背景透明样式,也可根据alpha提供的参数进行组合控制。

    本节向大家爱描述一下如何设置DIV背景颜色透明度,opacityOpacity设置或检索透明渐变的开始透明度,Opacity代表透明度等级,可选值从0到100,0代表完全透明,100代表完全不透明。Style参数指定了透明区域的形状特征。

    设置DIV背景颜色透明度

    通常我们通过DIV的style样式属性filter来设置DIV背景透明样式。可根据alpha提供的如下参数进行组合控制: 

    复制代码

    代码如下:


    filter:Alpha(enabled=bEnabled,style=iStyle,
    opacity=iOpacity,finishOpacity=iFinishOpacity,
    startX=iPercent,startY=iPercent,
    finishX=iPercent,finishY=iPercent);


    各参数含义如下

    enabledEnabled设置或检索滤镜是否激活。

    styleStyle设置或检索DIV背景透明渐变的样式。

    opacityOpacity设置或检索透明渐变的开始透明度。

    finishOpacityFinishOpacity设置或检索DIV背景透明渐变的结束透明度。

    startXStartX设置或检索DIV背景透明渐变开始点的水平坐标。

    startYStartY设置或检索DIV背景透明渐变开始点的垂直坐标。

    finishXFinishX设置或检索DIV背景透明渐变结束点的水平坐标。

    finishYFinishY设置或检索DIV背景透明渐变结束点的垂直坐标。

     Opacity代表透明度等级,可选值从0到100,0代表完全透明,100代表完全不透明。Style参数指定了透明区域的形状特征。其中0代表统一形状;1代表线形;2代表放射状;3代表长方形。

     Finishopacity是一个可选项,用来设置结束时的透明度,从而达到一种渐变效果,它的值也是从0到100。StartX和StartY代表渐变透明效果的开始坐标,finishX和finishY代表渐变透明效果的结束坐标。
    从上面讲的我们可以看出,如果不设置透明渐变效果,那么只需设置opacity这一个参数就可以了。说了这么多,我们来看一个实例吧(见下图):

    实现上面这种效果的代码如下:

    复制代码

    代码如下:


    <html>
    <head>
    <title>alpha</title>
    <style>//*
    定义CSS样式*//
    <!--
    DIV{position:absolute;left:50;top:70;width:150;}
    //*定义DIV区域内的样式(位置为绝对定位,left、top、width的坐标)*//
    img{position:absolute;top:20;left:40;
    filter:alpha(opacity=80)}
    //*定义图片的样式,绝对定位,滤镜属性是透明度为80*//
    -->
    </style>
    </head>
    <body>
    <DIV>
    <pstylepstyle=“font-size:48;font-weight:bold;color:red;”>
    Beautiful</p>//*定义字体属性,前景色为红色*//
    </DIV>
    <p><imgsrcimgsrc=“ss01076.jpg”></p>
    //*导入一张图片*//
    </body>
    </html>


    如果在上面的代码中稍做改动,则将产生另外多种效果。我们只修改img的样式属性,把head中的Img样式属性代码改为如下所示 

    复制代码

    代码如下:


    img{position
    :absolute;top:20;left:40;
    filter:alpha(opacity=0,finishopacity=100,
    style=1,startx=0,starty=85,finishx=150,finishy=85);}
     //*设置DIV背景透明渐变效果,起始坐标,终止渐变坐标,
    并设置透明样式值(style=1)为 线形*//


    这段代码产生的效果如左下图所示,右面的两幅图分别是把Alpha中的Style参数值为2和3后的效果,点击缩略图可放大。

                  

      Style=1   Style=2Style=3

    以上是CSS的Alpha滤镜属性的应用,具体应用还需要您自己找个例子练一练。

    Css-Tricks讲到了一些方法,看了一些大型门户网站的CSS,也是采用了这种方法,
    http://css-tricks.com/rgba-browser-support/

    也就是支持CSS3的浏览器就设置
    background:rgba(255,255,255,0~1),
    而低版本的IE浏览器就采用微软的独有的滤镜来实现:
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,startColorStr=#AARRGGBB,endColorStr=AARRGGBB);

    使用方法
    GradientType: 渐变的方向 ,0为水平(默认),1为垂直。
    startColorStr:AA为透明度,范围00~FF..RRGGBB为十六进制颜色值,不熟悉颜色值的朋友可以用PS自带的拾色器来选择。
    endColorStr:同上

     

    展开全文
  • CSS控制背景透明度

    2021-01-17 15:18:45
    参考:CSS控制网页的背景透明度 起因 在写CSS的时候不知道怎样设置背景的透明度,于是在网上搜到了opacity属性。结果标签内的所有内容全部都被设置了透明度。 解决方案 不使用opacity属性,而是直接在background-...
  • TextView tv = (TextView) findViewById(R.id.xx); 第1种:tv.setBackgroundColor(Color.argb(255, 0, 255, 0... //背景透明度 tv.setTextColor(Color.argb(255, 0, 255, 0)); //文字透明度 第2种:tv.setTextCo...
  • Android设置颜色背景透明度 方法一:代码设置 LinearLayout llBackground=findViewById(R.id.ll_background); llBackground.getBackground().setAlpha(25);//透明度设为10% 这个参数范围为0-255,透明度 = 255*比例...
  • 这是一款可以支持Dialog显示SeekBar控制背景透明度效果,该项目实现了Dialog显示SeekBar控制背景透明度,并且可以拖动,具体如效果如上面演示图所示,更多安卓源码尽在源码天堂。  
  • TextView背景透明度和字体透明度,以及TextView圆角的问题解决。
  • Dialog显示SeekBar控制背景透明度
  • 主要介绍了解决Android popupWindow设置背景透明度无效的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • css修改背景透明度

    2019-10-09 19:10:10
    css修改背景透明度background-color:rgba(255,255,255,0.0); 修改透明度有很多方法,我这里使用的css background的rgba <div style='width:300px;height: 300px;margin-left: 41%;background: rgba(255,255,255,...
  • Android 设置背景透明度

    千次阅读 2016-01-14 23:18:54
    Android 设置背景透明度
  • 如何设置背景透明度

    千次阅读 2018-09-17 20:15:25
    设置背景透明度分为两种:一种背景为颜色设置的纯色背景;另一种是图片做背景。 【情况一】纯色背景 关键代码:background:rgba(R,G,B,A) RGB--------三原色(red,green,bule) A-------透明度 关于三原色最终...
  • 如何只改变父元素背景透明度不改变子元素透明度
  • 背景透明度设置

    2020-12-04 14:15:25
    <div><p>当useFront true时透明度设置没问题,但图片会遮挡代码。当设置false使用背景图片时,设置透明度会连着编辑器里的代码一起透明了 。 <p>PS 顺便能不能调节图片大小的缩放 PPS 前面调了半天把...
  • 如何设置TextView控件的背景透明度和字体透明度 设计师给的标注都是类似这样的: 字号:26 颜色:#000000 透明度:80% 其实,程序上只要需要一个色值就OK了,那么这个色值我如何计算呢? TextView tv ...
  • 仿招行手机银行APP8.1首页下拉效果...下拉震动出现二楼效果、上滑改变Title背景透明度效果,通过自定义ScrollView监听onTouchEvent下拉震动出现二楼效果,通过监听ScrollView滚动事件实现上滑改变Title背景透明度效果。
  • android TextView文字透明度和背景透明度设置

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 5,680
精华内容 2,272
关键字:

背景透明度