首页 资讯 关注 科技 财经 赛车 房产 图片 视频 全国

市场

旗下栏目: 动态 建材 趋势 市场

css 中的background:transparent到底是什么意思有什么作用

来源:网络整理 作者:上海新闻网 人气: 发布时间:2018-05-09
摘要:css 中的 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),并且设置滤镜让他透明呢.

我自己动手做了试验,一开始还对试验结果很迷惑,但自己静下来想想便发现了其中的区别,如果我们没有上面代码的后两句,那么我们便可以对蒙板后的元素进行操作,也就是说起不到屏蔽的作用,但是这个操作是有限制的,具体说就是我们只可以对有焦点的元素进行操作,比如文本,图片,按钮等,我举个例子: 

复制代码

代码如下:


责任编辑:上海新闻网
首页 | 资讯 | 关注 | 科技 | 财经 | 赛车 | 房产 | 图片 | 视频 | 全国

Power by pk10 http://www.itoos.net 版权所有 2017-2018 技术支持:深圳市云图创新科技有限公司 备案:粤ICP备11031773号-1 网站内容管理QQ:999988888

电脑版 | 移动版