CSS实现父层透明,子层不透明
来源:互联网 发布:mysql的端口号 编辑:程序博客网 时间:2024/05/17 05:08
利用CSS中的opacity属性可以实现一些视觉效果,但是父元素设置透明属性会被子元素继承,这是不想见到的,于是通过一些设置解决这个问题。
filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;
解决办法是利用CSS3中的rgba()进行设置,便不会被被子元素继承,同时为了兼容IE7、IE8等浏览器,需要将子元素的positon属性设置为relative,使其脱离流。
position:relative;
0 0
- CSS实现父层透明,子层不透明
- html和css实现透明div上的div不透明,也可说父div透明,子div不透明
- CSS实现Div层背景半透明而内容不透明效果
- 通过css实现透明背景层
- css实现div层透明毛玻璃
- CSS制作透明层
- CSS透明层
- 父元素透明,子元素不透明的实现
- css实现背景透明,内容不透明
- css如何实现背景透明,文字不透明?
- DIV+CSS 实现背景透明,文字不透明
- css实现背景透明文字不透明
- css实现div背景透明,文字不透明
- CSS实现背景透明,文字不透明
- css实现背景颜色透明,文字不透明
- CSS实现背景透明,文字不透明
- css实现背景透明文字不透明
- JS 透明层实现
- AFNetworking 实现下载功能(总结)
- 计算机技术领域当前的主流技术及其社会需求调查报告
- WIN7 64位系统安装JDK并配置环境变量
- 报表工具的动态数据源实现
- C#API service EF 打印出DB查询语句
- CSS实现父层透明,子层不透明
- 【DB】对数据的操作
- Python 获取当前时间
- 欢迎使用CSDN-markdown编辑器
- PHP推送apps
- 最全Pycharm教程(6)——将Pycharm作为Vim编辑器使用
- The type javax.servlet.http.HttpServletRequest cannot be resolved.
- Android strings.xml中 %1$s 和 %1$d 的使用
- JDK7新特性