使用CSS隐藏HTML元素的四种常用方法
2024-09-06 09:48:33
CSS隐藏HTML元素的四种常用方法
1.opacity:设置opacity: 0
可以使一个元素变得完全透明。
设置的透明度会被子元素继承,而且无法取消。
通常可以使用opacity
属性来制作元素的淡入淡出效果。
设置opacity:1
可以使透明元素变得可见。
2.visibility: 是许多人在隐藏某个HTML元素时的首选。
visibility:hidden视觉上看不见,但它所占据空间的位置仍然存在。
3.display:none它是position:absolute和visibility: hidden;
的折中方法。
设置该属性后,该对象会在页面上彻底消失,并且不会再占用文档的空间。
将元素设置为display: block
或其它值可以使元素再次可见。
4.transparent:用于background-color:transparent;单纯的把背静或者border属性变成透明色,对子元素不会影响。
*其中我们需要注意opacity它是适用除IE浏览器以外的所有浏览器。
filter:Alpha(opacity=50)是针对IE浏览器所用的透明属性。
设置opacity: 0
可以使一个元素变得完全透明
最新文章
- Visual Studio 2008 Package Load Failure:未能正确加载包“Microsoft.VisualStudio.Xaml”
- mysql的sql_mode合理设置
- 获取MSSQL Server中的相关信息(视图、存储过程、触发器、表)
- ADB工具 获取ROOT权限及复制文件方法
- (转)排列算法 Permutation Generation
- 【转】使用断言NSAssert()调试程序错误
- web.cofing(新手必看)
- android的二进制和十六进制的相互转换工具类(一):
- c coding style之学习篇
- iOS:删除小程序
- 安装oracle11数据库时,先决条件都失败怎么处理?
- elisp
- 自学Zabbix3.9.2-模板Templates-linking/unlinking
- redis与python交互
- git 如何删除已经add的文件
- alertjs Documentation
- [转帖]linux 内存管理——内核的shmall 和shmmax 参数
- BZOJ.3720.Gty的妹子树(树分块)
- 【PostgresSQL】同时更新两个表
- js正则匹配以某字符串开始字符串