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样式为什么要有空格(css几种解决inline-block间隙的方案整理)
- css 三级层级菜单(利用CSS3实现动态的二级三级菜单效果实例源码)
- css怎样设置文字不换行(css是如何实现在页面文字不换行、自动换行、强制换行的方法)
- 自制cssdiv导航栏(css利用transform skewX制作平行四边形导航菜单)
- css宫格布局(CSS实现页面九宫格布局的简单示范)
- css3填充式进度条动画(CSS3样式linear-gradient的使用实例)
- css圆角阴影代码(CSS实现曲面阴影效果的简单实例推荐)
- 网站页面导航怎么设置css(纯CSS + 媒体查询实现网页导航效果)
- css中浮动的方式有几种方式(浅谈css中浮动和清除浮动带来的影响)
- css画三角形几种方法(利用CSS绘制任意角度的扇形示例代码)
- css3特性动画图(CSS3轻松实现清新 Loading 效果的简单实例)
- html怎么引入sass(利用CSS的Sass预处理器框架来制作居中效果)
- sas编程如何加标签(sassscss的安装与使用教程)
- css3网格布局图(详解CSS3 弹性布局快速入门)
- CSS网页布局的几个建议
- css3设置过渡效果(CSS3 media queries + jQuery实现响应式导航)
- ()
- 张勇 阿里新任掌门人(阿里新任掌门人)
- 毛戈平全国第一柜花落银泰 高端国货迎来 高光 时刻(毛戈平全国第一柜花落银泰)
- 14岁丧父 20岁丧母,从苦难走向辉煌的银泰创始人沈国军(14岁丧父20岁丧母从苦难走向辉煌的银泰创始人沈国军)
- 银泰集团董事长沈国军获评 北京影响力 十大企业家(银泰集团董事长沈国军获评)
- 15帅气男士发型,清爽时尚很有型,喜欢就试试(清爽时尚很有型)
热门推荐
- layui多级联动下拉框的实现(使用layui框架实现点击左侧导航切换右侧内容且右侧选项卡跟随变化的效果)
- appui代码(AmazeUI 图标的示例代码)
- python 文本文件读取方法(Python逐行读取文件中内容的简单方法)
- docker配置说明(Docker安装Kong API Gateway并使用的详细教程)
- nginx负载均衡与动静分离(Nginx配置之实现多台服务器负载均衡)
- 禁止鼠标右键的JS代码
- htop命令使用教程(.htaccess使用方法总结)
- css垂直居中16个方法(css实现元素垂直居中的常用方法总结)
- plsql常用函数
- python数据结构全攻略(详解python数据结构和算法)