html如何隐藏元素-木庄网络博客

本文摘自PHP中文网，作者coldplay.xixi，侵删。

html隐藏元素的方法：1、利用定位隐藏元素；2、opacity设置元素透明度为0；3、visibility设置元素是否可见。

本教程操作环境：windows7系统、html5版，DELL G3电脑。

html隐藏元素的方法：

1、利用定位隐藏元素。

优点：只要通过将元素的left和top设置足够大的复数 (这个元素可以跟用户进行交互);

缺点：仍然可以使用读屏软件读取元素的内容。

2、opacity:设置元素透明度为0。

特点: 将元素的透明度设置为0，只是从视觉隐藏元素，元素本身的位置仍然存在，也可以跟用户进行交互。

3、visibility: 设置元素是否可见。

默认为：visible(可见);

隐藏(不可见)：hidden。

特点: 隐藏元素，但是会保留元素的位置。

相关学习推荐：html视频教程

以上就是html如何隐藏元素的详细内容，更多文章请关注木庄网络博客！

相关阅读 >>

更多相关阅读请进入《Html》频道 >>

书籍

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者