transparent到底是什么意思有什么作用

kuaidi.ping-jia.net  作者:佚名   更新日期:2024-07-10
css 中的background:transparent到底是什么意思有什么作用

有时我在看css时,看到有的css属性定义为background:transparent。意思就是背景透明。实际上background默认的颜色就是透明的属性。所以写和不写都是一样的有段时间没写文章了,一直在学校,虽然带着电脑,但是不能上网啊!最近在用javascript写一个网页版的操作系统,写好了一定发上来,写的过程中遇到很多问题,许多都是细节方面的,很麻烦,不过自己一直在努力解决,也是对自己的一种提高吧.下面我来说一下我最近遇到的一个问题.大家知道,你用createelement新建一个div,默认情况下这个div的style中的backgroungcolor属性是transparent,呵呵,如果我做一个div的蒙板,那么请看下面一段代码:复制代码代码如下:div.style.position="absolute";div.style.width=document.body.clientWidth+"px";div.style.height=document.body.clientHeight+"px";div.style.left="0px";div.style.top="0px";div.style.zIndex="2000";div.style.backgroundColor="black";div.style.filter="alpha(opacity="+0+");";这是很多蒙板div的设置,也就是说屏蔽用户对网页上的其他元素进行操作.我们主要看后面两行代码,前面不是已经说了嘛,div的默认backgroundcolor属性就是transparent,也就是是透明,那么我们干嘛还要多此一举去设置个black(这个无所谓,随便设置个颜色,只要不是transparent就行,也不能是空字符串,浏览器会默认将空字符串看成transparent),并且设置滤镜让他透明呢.我自己动手做了试验,一开始还对试验结果很迷惑,但自己静下来想想便发现了其中的区别,如果我们没有上面代码的后两句,那么我们便可以对蒙板后的元素进行操作,也就是说起不到屏蔽的作用,但是这个操作是有限制的,具体说就是我们只可以对有焦点的元素进行操作,比如文本,图片,按钮等,我举个例子:复制代码代码如下:<div style="border:1px red solid;width:100px;height:100px" onclick="alert(1)"123</div正常情况下,只要你点击这个div的任何位置,都会alert的,但是当它被一个backgroundcolor为transparent的元素遮住的时候,我们只有点击123才会alert,因为文本是可以获得焦点的,同理其他元素也一样.顺便说下,这个backgroundcolor为transparent的元素的事件会对被它遮住的元素所截获.如果我们所触发的对象没有焦点,那么事件会交换给transparent的元素处理并按这个元素进行冒泡,否则有焦点的会事件便由有焦点的那个对象处理,不会交换,并且按有焦点的元素进行冒泡.(貌似不是很好理解,可以自己多做做试验就明白了)设置样式为透明色有时,上文写了复制代码代码如下:background:inherit;那么下文就可能要清除一下背景,就写了复制代码代码如下:background:transparent;透明背景,也就是去掉了被如果一个元素覆盖在另外一个元素之上,而你想显示下面的元素,这时你就需要把上面这个元素的background设置为transparent

transparent[英][trænsˈpærənt][美][trænsˈpærənt]
adj.透明的; 清澈的; 易识破的; 显而易见的;
以上结果来自金山词霸
例句:
1.
Is china's sovereign-wealth fund becoming more transparent by making such a disclosure?
中国的主权财富基金是在通过这样的信息披露变得更加透明吗?

transparent
[英][trænsˈpærənt][美][trænsˈpærənt]
adj.透明的; 清澈的; 易识破的; 显而易见的;
例句
1.He thought he could fool people with transparent deceptions.
他以为他能用那些可以一眼看穿的鬼把戏愚弄人。
2.Social media offers direct, transparent, person-to-person connection.
社交媒体则提供了直接透明的人际联系。

transparent是透明的意思,实际上background默认的颜色就是透明的属性。
一般使用场景:
如果一个元素覆盖在另外一个元素之上,而你想显示下面的元素,这时你就需要把上面这个元素的background设置为transparent。

transparent[英][trænsˈpærənt][美][trænsˈpærənt]
adj.透明的; 清澈的; 易识破的; 显而易见的;
以上结果来自金山词霸
例句:
1.
Is china's sovereign-wealth fund becoming more transparent by making such a disclosure?
中国的主权财富基金是在通过这样的信息披露变得更加透明吗?

  • transparent是什么意思?
    答:1. 透明的;清澈的[Z]Her mother disapproves of her wearing transparent underwear.她母亲不赞成她穿透明的内衣。2. 显而易见的;一目了然的[+that]It was transparent that her pride was hurt.很显然,她的自尊心受到了伤害。3. 坦率的,光明正大的 He is a man of transparent sincerity.他是...
  • transparent是什么意思
    答:adj.透明的;清澈的;显而易见的;易察觉的;易识破的;(物质、物体)透(明)的;透明的;公开的;坦诚的;同义词:see-through; blatant; clear; open 辅助记忆 1. 搭配词 plastic / fabric / attempt / lie 双语例句 1. The plastic capsule was entirely transparent.这个圆塑料盒是全透...
  • transparent什么意思
    答:transparent [英][trænsˈpærənt][美][trænsˈpærənt]adj.透明的; 清澈的; 易识破的; 显而易见的;例句:1.Sovereign wealth funds must become more transparent.主权财富基金必须变得更加透明。2.Fees must be clear and transparent.管理费必...
  • transparent到底是什么意思有什么作用
    答:transparent[英][trænsˈpærənt][美][trænsˈpærənt]adj.透明的; 清澈的; 易识破的; 显而易见的;例句:1.Is china's sovereign-wealth fund becoming more transparent by making such a disclosure?中国的主权财富基金是在通过这样的信息披露...
  • transparent什么意思
    答:英 [træn'spær(ə)nt; trɑːn-; -'speə-]美 [træns'pærənt]adj. 透明的;显然的;坦率的;易懂的 [网络短语]Transparent 透明,通透,天仙配 transparent soap 透明皂,透庙,透明香皂 Transparent Mode 透明模式,透通模式,透明方式 希望帮...
  • transparent是什么意思
    答:transparent[英][trænsˈpærənt][美][trænsˈpærənt]adj.透明的; 清澈的; 易识破的; 显而易见的;以上结果来自金山词霸 例句:1.Is china's sovereign-wealth fund becoming more transparent by making such a disclosure?中国的主权财富基金是...
  • transparent到底是什么意思有什么作用
    答:transparent 是透明的,显而易见的,明显、易识破的意思, 是形容词 比如我们常说的透明度 就是用它的名词形式 transparency 而transparent 一般用于指事物是透明的,做什么事公开的,即透明度高的 比如说玻璃是透明的: The glass is transparent.亦或者说什么道理什么蕴含的内涵很显而易见,或者谎话的...
  • transparent到底是什么意思有什么作用
    答:transparent [英][trænsˈpærənt][美][trænsˈpærənt]adj.透明的; 清澈的; 易识破的; 显而易见的;例句 1.He thought he could fool people with transparent deceptions.他以为他能用那些可以一眼看穿的鬼把戏愚弄人。2.Social media offers...
  • 商务英语中,transparent的词意。
    答:赏析一:Transparent adj. 透明的,明显的 例如:Plain glass is transparent.普通的白玻璃是透明的。例如:It was transparent that her pride was hurt.很显然,她的自尊心受到了伤害。赏析二:Self-assessment n. 自我评估这样的合成词,还有self-introduction自我介绍,self-esteem 自尊 另外: assess ...
  • “透明的”英文是什么?
    答:含有“透明的”之意的英文:transparent、clear。词汇解析:一、transparent 英 [træn'spær(ə)nt] 美 [træns'pærənt]adj. 透明的;显然的;坦率的;易懂的 词汇搭配:1、transparent lid透明的盖子 2、transparent air透明的空气 二、clear 英 [kl&#...