透明_透明度 - CSDN
精华内容
参与话题
  • CSS设置背景透明

    万次阅读 2020-08-10 17:31:08
    实现透明的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实现背景透明,文字不透明是可取的。

    展开全文
  • 计算机术语中的"透明

    千次阅读 2019-03-27 15:59:00
    计算机中术语透明性是什么意思? 一、透明性(transparency) 定义:在通信网中,不改变信号形式和信息内容的端到端传输。   二、透明性现象: 在计算机技术中,一种本来是存在的事物或属性,但从某个角度看...

    计算机中术语透明性是什么意思?

    一、透明性(transparency)

    定义:在通信网中,不改变信号形式和信息内容的端到端传输。

      

    二、透明性现象:

    在计算机技术中,一种本来是存在的事物或属性,但从某个角度看似乎不存在,称为透明性现象。通常,在计算机系统中,低层次的机器级的概念性结构和功能特性,对高级程序员来说是透明的。

     

    三、透明传输:

    (1)数据链路层的透明传输

      简单的说,透明传输就是发送方发送什么样的数据,不管数据传输过程是如何实现的,接收方将收到什么样的数据。更确切地说,所谓透明传输就是不管所传数据是什么样的比特组合,都应当能够在链路上传送。当所传数据中的比特组合恰巧出现了与某一个控制信息完全一样时,必须采取适当的措施,使接收方不会将这样的数据误认为是某种控制信息。这样才能保证数据链路层的传输的透明的。

    (2)比特流的透明传输

    TCP/IP结构体系中,物理层是靠比特流来传输的,比特流的透明传输是指实际电路传送后没有发生变化,因此,对于传送比特流来说,由于这个电路并没有对其产生什么影响,因此比特流就“看不见”这个电路。

     

    四、eg:在QQ聊天中,表面上看QQ1直接与QQ2对话,而实际上是QQ1发送的数据分别通过传输层,网络层,数据链路层,物理层的传输被QQ2接收,QQ实际是与传输层直接对话,然而表面我们把其他各层当作不存在,这就是透明现象。

     

     

    计算机网络对用户透明是什么意思?

    1、“透明”一次在计算机网络领域通常是指存在但不干预。即:计算机中存在的,但对于某些人员而言又不需要了解的东西,这就是计算机所指的透明性.简单的说就是:计算机中存在,但你不需要了解的.

    2、用户不需要关心具体的网络传输、网络控制、网络通讯、网络会话等,对用户来说就是透明的、不可见的。用户只需要使用即可。

     

    最后,

    在计算机中,从某个角度看不到的特性称该特性是透明的。这个意义上的“透明”与社会生活中的透明含义恰好相反,例如计算机组织对程序员是透明的,就是说计算机组织对程序员来说是看不到的,也不需要看到的。

    展开全文
  • Unity动态改Shader状态透明 本文提供全流程,中文翻译。 Chinar 坚持将简单的生活方式,带给世人!(拥有更好的阅读体验 —— 高分辨率用户请根据需求调整网页缩放比例) Chinar —— 心分享、心创新!...

    Unity动态改Shader状态透明


    本文提供全流程,中文翻译。

    Chinar 坚持将简单的生活方式,带给世人!

    (拥有更好的阅读体验 —— 高分辨率用户请根据需求调整网页缩放比例)



    Chinar —— 心分享、心创新!

    助力快速完成 Shader 的动态修改

    为新手节省宝贵的时间,避免采坑!


    Chinar 教程效果:
    这里写图片描述



    全文高清图片,点击即可放大观看 (很多人竟然不知道)


    1

    Change Matirials Shader —— 改变材质着色状态


    一个简单的小例子,没什么可说的

    可以很简便的完成一个物体材质 Shader 的动态更改

    举个栗子黑白88

    using UnityEngine;
    
    
    /// <summary>
    /// 枚举Shader4种状态类型
    /// </summary>
    public enum RenderingMode
    {
        Opaque,
        Cutout,
        Fade,
        Transparent,
    }
    
    
    /// <summary>
    /// 测试类:用于动态修改Shader
    /// </summary>
    public class Chinar : MonoBehaviour
    {
        public GameObject CubeGameObject; //需要改变Shader的物体
        public float      Speed = 15f;    //时间插值
    
    
        void Update()
        {
            transform.Rotate(Vector3.up, Speed * Time.deltaTime);
        }
    
    
        /// <summary>
        /// 绑定按钮:改变Shader状态
        /// </summary>
        public void ChangeShader()
        {
            //设置材质的颜色为半透明的颜色/材质有贴图,那么贴图也必须是半透明的才能看到效果
            CubeGameObject.GetComponent<MeshRenderer>().material.color = RandomColor();
            SetMaterialRenderingMode(CubeGameObject.GetComponent<MeshRenderer>().material, RenderingMode.Transparent);
        }
    
    
        /// <summary>
        /// 随机颜色
        /// </summary>
        /// <returns> Color </returns>
        private Color RandomColor()
        {
            float r     = Random.Range(0f, 1f);
            float g     = Random.Range(0f, 1f);
            float b     = Random.Range(0f, 1f);
            float a     = Random.Range(0f, 0.5f); //这里随机透明度
            Color color = new Color(r, g, b, a);
            return color;
        }
    
    
        /// <summary>
        /// 具体处理材质Shader函数
        /// </summary>
        /// <param name="material"></param>
        /// <param name="renderingMode"></param>
        public void SetMaterialRenderingMode(Material material, RenderingMode renderingMode)
        {
            switch (renderingMode)
            {
                case RenderingMode.Opaque:
                    material.SetInt("_SrcBlend", (int) UnityEngine.Rendering.BlendMode.One);
                    material.SetInt("_DstBlend", (int) UnityEngine.Rendering.BlendMode.Zero);
                    material.SetInt("_ZWrite",   1);
                    material.DisableKeyword("_ALPHATEST_ON");
                    material.DisableKeyword("_ALPHABLEND_ON");
                    material.DisableKeyword("_ALPHAPREMULTIPLY_ON");
                    material.renderQueue = -1;
                    break;
                case RenderingMode.Cutout:
                    material.SetInt("_SrcBlend", (int) UnityEngine.Rendering.BlendMode.One);
                    material.SetInt("_DstBlend", (int) UnityEngine.Rendering.BlendMode.Zero);
                    material.SetInt("_ZWrite",   1);
                    material.EnableKeyword("_ALPHATEST_ON");
                    material.DisableKeyword("_ALPHABLEND_ON");
                    material.DisableKeyword("_ALPHAPREMULTIPLY_ON");
                    material.renderQueue = 2450;
                    break;
                case RenderingMode.Fade:
                    material.SetInt("_SrcBlend", (int) UnityEngine.Rendering.BlendMode.SrcAlpha);
                    material.SetInt("_DstBlend", (int) UnityEngine.Rendering.BlendMode.OneMinusSrcAlpha);
                    material.SetInt("_ZWrite",   0);
                    material.DisableKeyword("_ALPHATEST_ON");
                    material.EnableKeyword("_ALPHABLEND_ON");
                    material.DisableKeyword("_ALPHAPREMULTIPLY_ON");
                    material.renderQueue = 3000;
                    break;
                case RenderingMode.Transparent:
                    material.SetInt("_SrcBlend", (int) UnityEngine.Rendering.BlendMode.One);
                    material.SetInt("_DstBlend", (int) UnityEngine.Rendering.BlendMode.OneMinusSrcAlpha);
                    material.SetInt("_ZWrite",   0);
                    material.DisableKeyword("_ALPHATEST_ON");
                    material.DisableKeyword("_ALPHABLEND_ON");
                    material.EnableKeyword("_ALPHAPREMULTIPLY_ON");
                    material.renderQueue = 3000;
                    break;
            }
        }
    }

    2

    Change Matirials Shader —— 改变材质着色状态


    不明白的请下载Demo

    简单易懂,拿了就用!
    举个栗子黑白88
    简单易懂游戏中动态修改Shader状态的例子、实现透明
    这里写图片描述


    支持

    May Be —— 搞开发,总有一天要做的事!


    拥有自己的服务器,无需再找攻略!

    Chinar 提供一站式教程,闭眼式创建!

    为新手节省宝贵时间,避免采坑!


    先点击领取 —— 阿里全产品优惠券 (享受最低优惠)


    1 —— 云服务器超全购买流程 (新手必备!)

    2 —— 阿里ECS云服务器自定义配置 - 购买教程(新手必备!)

    3—— Windows 服务器配置、运行、建站一条龙 !

    4 —— Linux 服务器配置、运行、建站一条龙 !





    Chinar


    END

    本博客为非营利性个人原创,除部分有明确署名的作品外,所刊登的所有作品的著作权均为本人所拥有,本人保留所有法定权利。违者必究

    对于需要复制、转载、链接和传播博客文章或内容的,请及时和本博主进行联系,留言,Email: ichinar@icloud.com

    对于经本博主明确授权和许可使用文章及内容的,使用时请注明文章或内容出处并注明网址

    展开全文
  • 透明盒子

    2019-05-14 23:51:34
    <!DOCTYPE html> <html> <head> <title></title> </head> <style type="text/css"> .box{ position: relative; width:500px;... background: #9c...

    在这里插入图片描述

    <!DOCTYPE html>
    <html>
    <head>
    	<title></title>
    </head>
    <style type="text/css">
    	.box{
    		position: relative;
    		width:500px;
    	}
    	.images-box{
    		background: #9cf3c3;
    		width:100%;height:300px;
    	}
    	.sign{
    		position: absolute;
    		bottom: 20px;
    		right: 20px;
    		width: 80px;
    		height:30px;
    		text-align: center;
    		background: rgba(0,0,0,.6);
    		border-radius: 20px;
    		line-height: 30px;
    		color: #fff;
    	}
    </style>
    <body>
    	<div class="box">
    		<div class="images-box">
    			
    		</div>
    		<div class="sign">1/5</div>
    	</div>
    </body>
    </html>
    
    展开全文
  • 数据链路层之透明传输

    千次阅读 2019-04-25 23:36:53
    通过字节填充法可以解决上面这个问题(透明传输的问题) 发送端的数据链路层,在含有开始,结束和这字符本身的二 进制编码插入“ESC”字符,才发送给接收端的数据链路层, 然后接收端的数据链路层再把对方加的字符...
  • 透明大页

    2019-10-06 03:35:46
    透明大页介绍 Transparent Huge Pages的一些官方介绍资料: Transparent Huge Pages(THP)are enabled by default in RHEL 6 for all applications. The kernel attempts to allocate hugepages whenever possible ...
  • “xxx对用户透明" 的真正意思

    千次阅读 2017-11-12 12:09:36
    某某软件、架构、操作“对用户透明” 第一次看到这个句型,你的理解是如何的? 是能看见“一个容器里面的详细、具体的内容物(这里指具体实现方法、代码等)”的那种透明,那种一览无余;还是“透过一块玻璃看东西,...
  • 入门图形学:透明原理

    千次阅读 2019-02-27 19:25:43
    因为我们后面要大量使用透明效果(或者说透明效果是实现我们需要的着色特效的基础部分),所以这里就来非常通俗详细说一下透明的原理。 先来从最简单易懂的二维层面来讲解。 我猜大家使用最常见的透明效果就是在...
  • css input 输入框背景透明

    万次阅读 多人点赞 2014-11-25 11:06:07
    INPUT 背景色设置为透明
  • html background-color设置为透明的方法如下: 1,比较好的方法:  background-color:transparent; ... 前三个参数是颜色,后一个是透明度,效果为白色背景透明。  background-color: rgb...
  • Android 透明度数值

    万次阅读 多人点赞 2016-03-03 16:36:09
    透明度为了便于查找,记录一下Android透明度对应的数值。 透明度 数值 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%
  • android 控件各种颜色的半透明效果配置

    万次阅读 多人点赞 2016-12-09 16:55:24
    说明:半透明颜色值不同于平时使用的颜色,半透明颜色值共8位,前2位是透明度,后6位是颜色。 也就是说透明度和颜色结合就可以写出各种颜色的透明度。下面是透明度说明表,供大家参考。 不透明 100% FF ...
  • 制作png格式透明图片的简易方法

    万次阅读 2014-04-25 11:25:15
    photoshp之类的专业软件太复杂,其实,制作透明图标有比较简易的方法,用PowerPoint或者国产的WPSyanshi
  • win10 任务栏全透明,一键设置(translucentTB)

    万次阅读 热门讨论 2019-03-06 09:34:55
    通过系统个性化设置任务栏为透明,但此方法可能行不通,就算设置成功了也是只有50%的透明度 要使任务栏全透明,只能采用方式2,使用软件translucentTB 方式2 可以实现win10任务栏全透明的工具: 链接:...
  • 设置div背景透明两种方法

    万次阅读 2018-01-26 16:30:35
    css设置div背景透明有两种方法:第一种使用opacity:0~1,这个方法有个缺点,就是内容也会跟着透明;第二种方法就是background-color:rgba(0,0,0,0~1),使用这个方法就只会设置div背景透明,而不会影响到div里的内容...
  • android 如何设置背景的透明

    万次阅读 多人点赞 2011-10-27 14:26:49
    透明 透明 颜色和不透明度 (alpha) 值以十六进制表示法表示。任何一种颜色的值范围都是 0 到 255(00 到 ff)。对于 alpha,00 表示完全透明,ff 表示完全不透明。表达式顺序是“aabbggrr”,其中aa=alpha(00 ...
  • 微信小程序透明度 opacity

    万次阅读 2018-01-18 11:24:34
    wxml文件中 :style="opacity:{{number}}" number代表透明度的值 取值范围0—1 0代表不透明 1代表全透明  具体应用中可在js文件中写个方法对number根据用户动作进行动态设置
  • android 布局设置背景的透明

    万次阅读 2015-03-30 17:17:53
    透明 android:background="#e0000000" ... /> 透明 android:background="#00000000" ... /> 颜色和不透明度 (alpha) 值以十六进制表示法表示。任何一种颜色的值范围都是 0 到 255(00 到 ff)。对于 alpha,00...
  • html设置透明

    万次阅读 2020-06-16 17:01:34
    在html中,设置元素的透明度 在css相应元素中添加下面代码即可。 opacity:0.5; opacity的取值范围为0~1,0表示不透明,1表示全透明
  • echarts 背景颜色透明

    万次阅读 2017-10-09 14:13:53
    echarts 背景颜色透明,文章整理上传于2017年10月9日 描述:  使用'dark'系列主题初始化控件,控件会自带黑色背景色,与页面整体风格不符合,所以需要将其背景颜色设置为透明. 官网文档: ... background
1 2 3 4 5 ... 20
收藏数 653,673
精华内容 261,469
关键字:

透明