使用css让div半透明
设置div的背景为半透明,下面有个不错示例,使用div+css来实现下,不会的朋友可以参考下
div{filter:alpha(Opacity=80);-moz-opacity:0.5;opacity: 0.5;}
说明:
1、filter:对win IE设置半透明滤镜效果,filter:alpha(Opacity=80)代表该对象80%半透明,火狐浏览器不认
2、-moz-opacity:对mozilla firefox火狐浏览器实现半透明,win IE不认此属性,-moz-opacity:0.5相当于设置半透明为50%
3、opacity:对除IE外所有浏览器支持包括谷歌,放最后主要针对谷歌浏览器,opacity: 0.5;表示设置50%半透明
为了观察到对DIV半透明实现,我们设置两个DIV层,分别一个放于另外一个DIV层内,外层DIV命名为“.div-a”;上面被包含的层CSS类命名为“.div-b”,形成“.div-b”盒子放于“.div-a”内
我们对底层DIV设置一个背景是一张图片,上面的DIV盒子设置村黑色。
使用css让div半透明相关推荐
- css外层DIV半透明内层div不透明-弹出层效果的实现
css外层DIV半透明内层div不透明-弹出层效果的实现 <!DOCTYPE html> <html><head><meta charset="ut ...
- 设置DIV半透明CSS代码:
设置DIV半透明CSS代码: div{filter:alpha(Opacity=80);-moz-opacity:0.5;opacity: 0.5;} 说明: 1.filter:对win IE设置半透 ...
- CSS实现Div层背景半透明而内容不透明的效果
CSS实现Div层背景半透明而内容不透明的效果 2014年5月18日 MK 前端设计 0 阅读 2932次 前几天有一个学弟问我,怎么样能实现Div层背景半透明而内容不透明的效果呢,他写的效果不管怎么 ...
- CSS边框应用 - 半透明边框
相信你以前肯定尝试过 CSS 中的半透明颜色, 比如 rgba() 和 hsla().半透明颜色是 2009 年发生的一场重大变革. 从那以后, 我们终于可以在网页设计中使用它们了, 但是为了尝鲜还需 ...
- html语言div什么意思,css中div是什么意思?
css中div是什么意思? div是html中的一个标签,通常作为容纳其他元素的容器.在css中,表示一种选择器,可以直接使用div(标签选择器)来查找HTML元素设置样式:而如果是.div那么表示某 ...
- html中div不在火狐居中,Firefox嵌套CSS中div标签居中问题解决方法
本文和大家重点讨论一下Firefox嵌套CSS中div标签的居中问题的解决方法,主要包括使用line-height垂直居中,清除容器浮动,不让链接折行,始终让Firefox显示滚动条等内容. Fire ...
- 关于css加div布局和表格布局,菜鸟学习笔记:表格布局和div+css布局
网页布局可以通过表格和div元素来实现(注:table布局已经淘汰),首先我们来看看table布局 表格布局 导航 推荐文章 一个猴子成长史 你看个毛线 我就瞅你咋地 村里出了个半边天 一个猴子的成长 ...
- CSS之div和span标签
div和span是非常重要的标签,div的语义是division"分割": span的语义就是span"范围.跨度". 这两个东西,都是最最重要的"盒 ...
- CSS实现div梯形分割
原理 使用的border边框属性 结合svg 转换 详见代码 <!DOCTYPE html> <html lang="en"> <head>&l ...
- html 高度不够,HTML/CSS:Div未扩展到内容高度
我有几个未扩展的div元素以匹配其内容的高度.我已经读过,这可能是由浮动内容引起的;这个内容不是浮动的 - 虽然我开始觉得我应该把我的电脑扔在河里.这算不算?HTML/CSS:Div未扩展到内容高度 ...
最新文章
- python 2.6.6安装MySQL-python模块
- fragment生命周期
- shell脚本判断进程是否运行
- lucene源码分析(3)facet实例
- 查看操作系统的UUID
- 【JavaWeb】数据库基础复习
- 6 追前沿,领略SET化架构衍化与设计
- Effective C++条款7:为多态基类声明virtual析构函数
- 10. Regular Expression Matching[H]正则表达式匹配
- .NET中的数据结构——表
- 全国大学生数学建模竞赛论文格式规范
- 你知道wps删除空白页的方法吗?进来看看吧
- 多层高速PCB设计不得不知道的那些事。1:多层板的设计原则
- 故宫景点功课20:宁寿宫区2
- PHP的ereg()与eregi()的不同及相同点。对比
- ccsa安学网小程序_CCSA安学网安全题库完整
- 微信红包金额分配的算法
- Nagios-安装与配置
- windows PCIe 工具: TeleScan
- 什么是扩散模型(Diffusion Model)?