css 中的background:transparent究竟是甚么意思有甚么功

日期:2021-03-11 类型:科技新闻 

关键词:抠图软件电脑版,在线图片加水印,在线 抠图,在线画图网站,淘宝做图片用什么软件好

有时我在看css时,看到有的css特性界定为background:transparent。意思便是情况全透明。具体上background默认设置的色调便是全透明的特性。因此写和不写全是1样的

有段時间没写文章内容了,1直在院校,尽管带着电脑上,可是不可以上网啊!近期在用javascript写1个网页页面版的实际操作系统软件,写好了1定发上来,写的全过程中遇到许多难题,很多全是细节层面的,很不便,但是自身1直在勤奋处理,也是对自身的1种提升吧.下面我来讲1下我近期遇到的1个难题.

大伙儿了解,你用createelement新建1个div,默认设置状况下这个div的style中的backgroungcolor特性是transparent,呵呵,假如我做1个div的蒙板,那末请看下面1段编码:

拷贝编码
编码以下:

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,也便是是全透明,那末大家干吗还要多此1举去设定个black(这个没有谓,随意设定个色调,要是并不是transparent就行,也不可以是空标识符串,访问器会默认设置将空标识符串当做transparent),而且设定滤镜让他全透明呢.

我自身动手能力做了实验,1刚开始还对实验結果很蒙蔽,但自身静下来想一想便发现了在其中的差别,假如大家沒有上面编码的后两句,那末大家即可以对蒙板后的元素开展实际操作,也便是说起不到屏蔽的功效,可是这个实际操作是比较有限制的,实际说便是大家只能够对有聚焦点的元素开展实际操作,例如文字,照片,按钮等,我举个事例: 

拷贝编码
编码以下:

<div style="border:1px red solid;width:100px;height:100px" onclick="alert(1)">123</div>


一切正常状况下,要是你点一下这个div的任何部位,都会alert的,可是当它被1个backgroundcolor为transparent的元素遮挡住的情况下,大家仅有点一下123才会alert,由于文字是能够得到聚焦点的,同理别的元素也1样.顺带说下,这个backgroundcolor为transparent的元素的恶性事件会对被它遮挡住的元素所截获.假如大家所开启的目标沒有聚焦点,那末恶性事件会互换给transparent的元素解决并按这个元素开展冒泡,不然有聚焦点的会恶性事件便由有聚焦点的那个目标解决,不容易互换,而且按有聚焦点的元素开展冒泡.(貌似并不是很好了解,能够自身多做做实验就搞清楚了)

这样说,大伙儿搞清楚了吧,这也是为何要后两句的缘故了,仅有这样才可以对网页页面元素开展彻底屏蔽.

设定款式为全透明色
有时,上文写了

拷贝编码
编码以下:

background:inherit;

那末下文便可能要消除1下情况,就写了

拷贝编码
编码以下:

background:transparent;

全透明情况,也便是去掉了被
假如1个元素遮盖在此外1个元素之上,而你想显示信息下面的元素,这时候你就必须把上面这个元素的background设定为transparent

文章内容有不当之处的地方还请各位纠正,本文內容在ie7.0下检测根据.
上一篇:百度文库详细介绍 返回下一篇:没有了