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
您可能感兴趣
- css3浮动教程(CSS3使用多列制作瀑布流)
- CSS百分比定义高度的问题
- css怎么设置div边框(div+css实现带箭头的面包屑导航栏)
- css样式功能表能兼容所有浏览器吗(比较全的CSS浏览器兼容问题整理总结)
- css sprites介绍
- 怎么用css设计边框(单元素利用css实现多重边框效果示例代码)
- css定位布局讲解(css position定位属性_动力节点Java学院整理)
- CSS3动画属性animation
- css选择器优先级
- div和css怎么铺背景(css3实现一个div设置多张背景图片及background-image属性实例演示)
- css竖排显示技巧(css魔法之左边竖条的多种实现方法)
- 史上最全的css布局教程(详解CSS经典布局之Sticky footer布局)
- css3渐变放大功能(CSS3 渐变Gradients之CSS3 线性渐变)
- 盘点CSS Selectors Level4中新增的选择器(盘点CSS Selectors Level4中新增的选择器)
- css边框和边界教程(css 中多种边框的实现小窍门)
- ps如何画一个哆啦a梦(CSS画出一个可爱神奇的多啦A梦)
- 魔兽争霸3自定义战役少年杰雷 2(魔兽争霸3自定义战役少年杰雷)
- 今日菜价 芥兰涨幅最高 1.33 ,花菜降幅最高 3.10(今日菜价芥兰涨幅最高)
- 今日菜价 椰菜涨幅最高 3.25 ,水空心菜降幅最高 2.58(今日菜价椰菜涨幅最高)
- 今日菜价 红三鱼涨幅最高 4.41 ,黄鳝降幅最高 5.06(红三鱼涨幅最高)
- 今日菜价 西生菜涨幅最高 6.19 ,生菜降幅最高 5.38(西生菜涨幅最高)
- 今日菜价 青豆角涨幅最高 0.70 ,菜心降幅最高 5.55(青豆角涨幅最高)
热门推荐
- 常用sql语句大全总结(程序员最实用的 SQL 语句收藏,看完这篇就够了)
- 腾讯云服务器配置详解(腾讯云服务器安全组配置图文教程)
- docker指定基础镜像命令(Docker重命名镜像名称和TAG操作)
- django怎么创建模板文件(django模板结构优化的方法)
- laravel自定义实现服务提供者(laravel http 自定义公共验证和响应的方法)
- mysql5.7.36详细安装(CenOS6.7下mysql 8.0.22 安装配置方法图文教程)
- dockerswarm网络模式(详解Docker Swarm概念与用法)
- 如何搭建pxe服务器(使用vmware测试PXE批量安装服务器的详细过程)
- 织梦dedecms建站教程(详解DEDECMS织梦模板随机调用文章数据方法汇总教程)
- python怎么进行参数传递(在Python中如何传递任意数量的实参的示例代码)
排行榜
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9