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

    千次阅读 2017-07-25 10:15:11
    一般UI给你切完图,可能让你自己设置一下背景图片的透明度,比如说他说设置透明度为50% (1)在xml布局文件中设置 透明度分为256阶(0-255),计算机上用16进制表示为(00-ff)。 透明就是0阶,不透明就是255阶,如果...

    一般UI给你切完图,可能让你自己设置一下背景图片的透明度,比如说他说设置透明度为50%

    (1)在xml布局文件中设置

    透明度分为256阶(0-255),计算机上用16进制表示为(00-ff)。

    透明就是0阶,不透明就是255阶,如果50%透明就是127阶(256的一半当然是128,但因为是从0开始,所以实际上是127)。比如说UI给你的颜色是#020102然后他说设置60%的透明度,我们先计算255*60% = 153,然后把153转化16进制为:99,那么最终我们要设置的颜色就是#99020102

    (2)代码中设置(只要在xml文件中能设置的,在代码中一定能设置)

    View v = findViewById(R.id.content);//找到你要设透明背景的layout 的id 
    v.getBackground().setAlpha(153);//直接传入需要设置的RGB值即可

    下面是不透明度的16进制

    不透明度 16进制值
    100% FF
    95% F2
    90% E6
    85% D9
    80% CC
    75% BF
    70% B3
    65% A6
    60% 99
    55% 8C
    50% 80
    45% 73
    40% 66
    35% 59
    30% 4D
    25% 40
    20% 33
    15% 26
    10% 1A
    5% 0D
    0% 00

    直接查表就可以了。


    展开全文
  • 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实现背景透明,文字不透明是可取的。

    展开全文
  • Android 设置背景透明度

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

      一些时候,我们需要为UI页面设置背景色,如下图所示:

      上图已注: 背景颜色为#000000,透明度为40%; 那么,如何在代码中表示呢?

      首先需要了解: 颜色和不透明度 (alpha) 值以十六进制表示法表示。任何一种颜色的值范围都是 0 到 255(00 到 ff)。对于 alpha,00 表示完全透明,ff 表示完全不透明。表达式顺序是“aabbggrr”,其中aa=alpha(00 到 ff);bb=blue(00 到 ff);gg=green(00 到 ff);rr=red(00 到 ff)。例如,如果您希望对某叠加层应用不透明度为 50% 的蓝色,则应指定以下值:7fff0000。

      那如何计算透明度的值呢? 以上图的40%为例:

      计算公式:40*255/100=...  再转换为16进制,可以用计算器:


      看到了么,40%的alpha值转换为了为66; 那么要在代码中设置View的background的值为:#66000000


      如此这般,就OK啦!欢迎指正!
      如有疑问,欢迎进QQ群:487786925( Android研发村 )

    展开全文
  • 如何设置背景透明度

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

    设置背景透明度分为两种:一种背景为颜色设置的纯色背景;另一种是图片做背景。

    【情况一】纯色背景

    关键代码:background:rgba(R,G,B,A)

    • RGB--------三原色(red,green,bule)
    • A-------透明度

    关于三原色最终成型的颜色,可以用画图软件进行参考。

    示例代码:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>示例代码一</title>
        <style>
            div { width:200px; height: 200px; }
        </style>
    </head>
    <body>
    <div style="background-color: green"></div>
    <hr>
    <div style="background-color:rgba(0,255,0,0.5)"></div>
    </body>
    </html>

    示例输出:


    【情况二】图片背景

    关键代码:filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.60;

    • filter:alpha(opacity=60); /*支持 IE 浏览器*/
    • -moz-opacity:0.60; /*支持 FireFox 浏览器*/
    • opacity:0.60; /*支持 Chrome, Opera, Safari 等浏览器*/

    示例代码一:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>示例代码二</title>
    </head>
    <body style="background-image: url('qinghua.jpg');background-repeat: no-repeat">
    </body>
    </html>

    示例输出一:

     示例代码二:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>示例代码二</title>
        <style>
            .book{
                width: 100%;
                filter:alpha(opacity=40);
                -moz-opacity: 0.4;
                opacity: 0.4;
                background: url("qinghua.jpg");
                background-repeat: no-repeat;
            }
        </style>
    </head>
    <body>
    <div class="book">
        <h1>我爱学习</h1>
        <h1>学习爱我</h1>
        <h1>沉迷学习</h1>
        <h1>无法自拔</h1>
    </div>
    </body>
    </html>

    示例输出二:

    注意:当针对图像背景修改透明度时,需结合div一起使用。 在背景图片颜色变淡的同时,背景上的文本字的颜色也会随之变淡。

    展开全文
  • 自定义dialog设置背景透明度

    千次阅读 2016-10-08 10:23:44
    为了好看,有时候需要设置dialog透明。自定义dialog只需要几家代码就能实现背景透明。  在dialog初始化的时候加入下面几句代码就行了。... //设置背景透明度 背景透明  lp.alpha = 0.8f;//参数为
  • css设置背景透明度

    2019-09-27 23:14:16
    设置背景透明用: background-color: rgba(0, 0, 0, 0.4); 虽然opacity:0.5;也可以设置背景透明,但是会影响整体;推荐使用rgba设置背景透明,只会在当前的内容内起作用 转载于:...
  • vscode设置背景透明度

    千次阅读 2020-08-29 15:13:55
    首先在左侧搜索windows opcity 出现的第一个就是然后安装一下 文件-首选项-设置 ...找到win opacity… 右边的210就是我设置透明度(数字越大越不透明,数字越小越透明,可以根据自己的需要修改) ...
  • android 设置背景透明度

    千次阅读 2017-08-05 10:04:02
    1.资源文件设置背景颜色透明度 1)在color.xml文件中定义颜色值,在布局文件中引用//20 代表alpha通道的值,表示透明度是多少,alpha通道的值范围是0~255,可以根据自己的透明度需求定义值。 //6d95e5 代表RGB颜色...
  • QT设置背景透明度

    千次阅读 2019-04-30 17:05:51
    1.将页面UI设置成栅栏布局。 2.将栅栏变形为QFram,再改变样式表 background-color: rgba(252,252,252,70%...//70%为透明度 3.将页面内控件改变样式表,设为透明 background-color: rgba(200,200,200,0); ...
  • sublime 设置背景透明度

    千次阅读 2016-04-26 12:18:13
    开头今天看到有些大神的编辑器半透明...下载sublime 透明背景插件我用的是git下载插件:git clone https://github.com/vhanla/SublimeTextTrans.git然后,打开sublime 选项卡 Preferences -> browse Packages 将下载的
  • 早期基本上设置 opacity:0.7;background-color:#55585a 黑色背景透明,但是文字也跟着颜色淡了 背景透明,文字不透明就是background-color:#55585a +7a 即background-color:#55585a+7a
  • Android开发,给layout设置背景透明度

    万次阅读 2015-11-02 17:55:04
    开发项目时,遇到三个用LinearLayout做成的按钮,背景图本来用的是美工的图片,但是由于各种原因,背景图片不完美。 后来想着怎么解决,结果发现原来可以自己做。 方法是很简单的,只是可能很多跟我一样开发没有...
  • 有的时候当我们使用popwindow时将当前的activity当做View传给其他fragment使用时会导致我们设置背景变暗效果失效,导致这个原因的问题是因为我们传view后当弹出popupwindw的时候已经不再当前的activity了,所以会...
  • 我在代码中new 了一个TextView,想设置textview文字大小,数值从values/integer.xml中取的,设置的30,(设计师标注是30),如果写在xml中应该是这样:android:textSize="15sp",那么在代码中设置,感觉实际效果总是...
  • (1)区别:其中opacity会影响文字的透明度的,而rgba只是改变背景透明度的 (2)用法:  (a)其中opacity的用法比较简单,你只需要设置它的值就可以了。其中的它的值是从0到1之间的数字。  (b)rgba(R,G,B,A) ...
  • TextView设置字体透明度或背景透明度

    千次阅读 2018-10-17 16:46:14
    1在 xml 文件中添加: android:textColor="#73FFFFFF" android:background="#73FFFFFF" ...textView1.setTextColor(Color.parseColor("#73FFFFFF"));...textView1.setBackgroundColor(Color....透明度10%: 1A
  • 这里有两种方法设置背景变暗,选择一种... * 设置背景透明度 * * @param bgAlpha 透明度值 */ private void setBgAlpha(float bgAlpha) { WindowManager.LayoutParams attributes = getWindow().getAttribute...
  • 背景透明度如何设置一个div的背景透明度 来源:互联网 作者:佚名 时间:12-31 16:55:48 【大 中小】 如何设置一个div的背景透明度,对于一些新手朋友有些陌生,接下来详细介绍实现方法,有需要了解的朋友可以...
  • 背景透明度设置:ee是透明度 android:background="#ee6c6c6c
  • html中如何设置背景背景颜色的透明度
  • Openlayers地图背景透明度设置

    千次阅读 2018-07-10 18:03:19
    在实际开发中,为了美观,需要设置Openlayers中地图div中除了地图之外的地方的透明度,这个通过设置.ol-viewport的样式就可以完成。项目测试代码如下:&lt;!DOCTYPE html&gt; &lt;html&gt; &...
  • Android 背景透明度设置总结

    千次阅读 2018-07-03 16:32:13
    二、先看效果图图1、 图2、图3、 图4介绍:图1、蓝色头部和输入框背景初始状态 图2、点击按钮01,输入框的透明度不起作用,和title的透明度一样 图3、点击按钮02,背景透明度设置正常,但是可能会对全局的背景有...
  • android TextView文字透明度和背景透明度设置
  • 在网页布局中有时为了网页的整体美观,可能需要将网页中的某些部分设置背景颜色透明,那么如何设置背景颜色透明呢?本篇文章就来给大家介绍一下css设置背景颜色透明的方法。 在css中设置背景颜色透明的方法有两种...
  • 设置背景白色10%透明度:android:background="#1Affffff" 说明:其中背景用的是ARGB来控制,前两位即透明度转化为色值。 透明度转换可以参照下表:透明度 对应十六进制 2.Java代码 TextView textView = (TextView)...
  • 背景设置透明度字体不透明

    千次阅读 2016-09-26 09:42:30
    如果想将背景设置透明度,但是又要保证其中的字体透明度不变,可以通过background属性background:rgba(255,255,255,0.6);来设置背景透明度为0.6,字体透明度不变。
  • 导航栏背景透明度设置

    千次阅读 2017-12-25 10:35:33
    (void)setNeedsNavigationBackground:...// 导航栏背景透明度设置 UIView *barBackgroundView = [[self.navigationController.navigationBar subviews] objectAtIndex:0];// _UIBarBackground UIImageView *ba

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 132,263
精华内容 52,905
关键字:

设置背景透明度