菜鸟前端日记2(透明度/显示display)
来源:互联网 发布:淘宝买到假鸡精 编辑:程序博客网 时间:2024/06/06 07:01
透明度
opacity
0—1 设置透明度:div{opacity: 0.5;}
这样写会有一个问题:父元素用opacity设置半透明时,子元素里的字也会跟着透明。
解决方法:background:rgba(0,0,0,0.5);
rgba(红色,绿,蓝,透明度)
这样又会出现新的问题:ie8以下版本不支持
解决办法:filter:alpha(opacity=50);
显示display
display
常用display属性值:
none 使元素不显示。
block 使元素显示为块级元素,自动换行符。
inline 默认。使元素显示为内联元素,元素前后没有换行符。
inline-block 使元素显示为行内块元素。
阅读全文
1 0
- 菜鸟前端日记2(透明度/显示display)
- 菜鸟前端日记1(HTML+CSS )
- 菜鸟前端日记3(原生JS)
- 菜鸟前端日记4(原生JS--基本数据类型)
- 菜鸟前端日记5(原生JS--流程控制语句)
- 菜鸟前端日记6 (原生JS--函数基础)
- 菜鸟前端日记8 (原生JS--定时器)
- 菜鸟前端日记9 (原生JS--字符串的操作方法)
- 菜鸟前端日记10 (原生JS--数组的操作方法)
- 菜鸟前端日记11(原生JS--日期函数)
- oracle菜鸟日记2
- python菜鸟日记2
- 关于HTML中div从display:none到display:block透明度渐增显示的实现
- 菜鸟前端日记7 (原生JS--作用域&预解析)
- 日记——web前端(2)
- 菜鸟程序实习日记2
- Java菜鸟学习日记2
- C菜鸟日记(1)
- unapplyDemo
- 数据结构实验之链表八:Farey序列
- Linux下如何查看动态链接库so文件的依赖
- ./configure,make,make install的作用
- POI 富文本RichTextString
- 菜鸟前端日记2(透明度/显示display)
- 项目配置文件
- php-fpm安装、配置与优化
- 自己总结的一些关于前端和php的面试中的常见的问题
- JAVA线程队列BlockingQueue
- 从伤退到复出——应李神的邀
- Three.js官方案例源码解析----TrackballControls控制器进行3D图片查看
- [ReactNative]引用变量[配置文件]
- 创建文件夹