首页  >  文章  >  web前端  >  html如何隐藏元素

html如何隐藏元素

coldplay.xixi
coldplay.xixi原创
2021-04-26 14:54:435006浏览

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

html如何隐藏元素

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

html隐藏元素的方法:

1、利用定位隐藏元素。

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

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

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

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

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

        默认为:visible(可见);

        隐藏(不可见):hidden。

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

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

以上是html如何隐藏元素的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn