css 7种隐藏元素的方法

7种方式可以隐藏一个元素:

   1 CSS display的值是none。(该元素是不会在页面上显示)
   2 type="hidden"的表单元素。(该元素是不会在页面上显示)
   3 宽度和高度都显式设置为0。(该元素是会在页面上显示)
   4 一个祖先元素是隐藏的,(该祖先以及祖先以下的元素是不会在页面上显示)
   5 CSS visibility的值是hidden(该元素是会在页面上显示,还占原来的位置)
   6 CSS opacity的指是0(该元素是会在页面上显示,还占原来的位置)

7.将position设为absolute然后将位置设到不可见区域 

 position: absolute;
   top: -9999px;
   left: -9999px;
posted @ 2016-03-21 15:10  雨中的鱼  阅读(302)  评论(0编辑  收藏  举报