华企号 后端开发 CSS元素隐藏

CSS元素隐藏

最近在拜读张鑫旭大神的《CSS世界》,其中很多思维非常值得借鉴学习,特别是对CSS控制显隐的总结,非常到位,记录一下

使用CSS让元素不可见的方法很多,剪裁、定位到屏幕外、明度变化等都是可以的。虽然它们都是肉眼不可见,但背后却在多个维度上都有差别。

对于元素的显示隐藏这种交互式的行为,应该由于JavaScript去完成,在css也可以借助一些属性去实现这类效果。下面是按照需求进行分类进行的隐藏代码实践:

  1. 如需元素不可见,同时不占据空间,辅助设备无法访问,但资源有加载,DOM可访问,则可以直接使用display:none隐藏:
.d_hide{
display: none;
}

作者: 华企网通王鹏程序员

我是程序员王鹏,热爱互联网软件开发和设计,专注于大数据、数据分析、数据库、php、java、python、scala、k8s、docker等知识总结。 我的座右铭:"业精于勤荒于嬉,行成于思毁于随"
上一篇
下一篇

发表回复

联系我们

联系我们

028-84868647

在线咨询: QQ交谈

邮箱: tech@68v8.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部