css中的background:transparent的作用
类别:Web前端 浏览量:34792
时间:2014-8-7 css中的background:transparent的作用
css中的background:transparent的作用一、background的介绍
background 是用于在一个声明中设置所有背景属性的一个简写属性。
背景属性:背景颜色 背景图片 背景是否重复 背景时候随浏览器滚动 背景平位置 背景垂直位置
background : background-color || background-image || background-repeat || background-attachment || background-position
none 表示没有设置背景图片
repeat 表示图片重复
scroll 表示背景图片随浏览器下拉而滚动
0% 水平位置在x0
0% 垂直位置在y0
li.style.position=
"absolute"
;
li.style.width=document.body.clientWidth+
"px"
;
li.style.height=document.body.clientHeight+
"px"
;
li.style.
left
=
"0px"
;
li.style.
top
=
"0px"
;
li.style.zIndex=
"2000"
;
li.style.backgroundColor=
"black"
;
li.style.filter=
"alpha(opacity="
+
0
+
");"
;
主要看后面两行代码,如果我们没有上面代码的后两句,那么我们便可以对蒙板后的元素进行操作,也就是说起不到屏蔽的作用,但是这个操作是有限制的,具体说就是我们只可以对有焦点的元素进行操作,比如文本,图片,按钮等。
正常情况下,只要你点击这个li的任何位置,都会alert的,但是当它被一个backgroundcolor为transparent的元素遮住的时候,我们只有点击123才会alert,因为文本是可以获得焦点的,同理其他元素也一样.
标签:css background
您可能感兴趣
- css行框高度与lineheight(CSS中height和min-height的区别)
- css3实现3d效果教程(CSS3实现简易版的刮刮乐效果)
- 简述css在html页面中的使用方法(10分钟理解CSS BFC原理及其应用)
- css盒子模型有什么用处(深入理解CSS中的盒子模型)
- 为什么css中float:right后右对齐换行
- 史上最全的css布局教程(详解CSS经典布局之Sticky footer布局)
- 怎么用html做一个导航栏(html+css 实现简易导航栏功能)
- css3背景制作(纯CSS3实现Material Design效果)
- css 最高层级(浅谈CSS 权值 层叠 重要性!important)
- css 宽度继承(CSS样式中大于号的使用及Css中处理继承方法)
- css技巧100个(css小技巧汇总)
- 简述css盒子模型的认识(CSS3弹性盒模型开发笔记一)
- css子块级元素有用吗(css中行内元素和块级元素的区别)
- 如何检查css 兼容性(CSS浏览器兼容性常见问题总结大全推荐)
- css基线实例详解(移动端使用 rem 单位时 css sprites 定位问题的解决)
- Css Reset的作用
- X86处理器的梦魇 苹果M1自研芯片到底有多强(苹果M1自研芯片到底有多强)
- 泰剧《爱欲之神》Boom kitkong和Great合体杂志(泰剧爱欲之神Boomkitkong和Great合体杂志)
- 素人恋爱综艺火药味十足 男生为赢得芳心集体扯头花,真是出好戏(素人恋爱综艺火药味十足)
- 《囧妈》为何受抵制 春节七部影片撤档背后的责任与博弈(囧妈为何受抵制)
- 提醒 2019年起河南驾考要开设科目五 官方回应来了(2019年起河南驾考要开设科目五)
- 省 市书法家协会 送万福进万家 活动走进禹州美丽乡村(省市书法家协会)
热门推荐
- mysql演示事务提交(MySQL找出未提交事务的SQL实例浅析)
- html5游戏新手引导开发(使用数据结构给女朋友写个Html5走迷宫游戏)
- jQuery中height()、innerheight()、outerheight()的区别
- 利用python合并pdf(Python合并同一个文件夹下所有PDF文件的方法)
- C#中Dictionary的用法
- mysql索引原理及使用(再有人问你MySQL索引原理,就把这篇文章甩给他!)
- ftp服务器配置步骤(快速搭建一个本地的FTP服务器图文教程)
- 织梦v5.7首页二维码怎么修改(织梦dedecms登录管理后台总是验证码错误的解决方案)
- docker删除多个镜像命令(Docker 彻底删除私有库镜像的操作)
- mysql配置多实例