CSS中如何让元素隐藏？

html-css024

CSS中如何让元素隐藏？,第1张

在CSS中，让元素隐藏（指屏幕范围内肉眼不可见）的方法很多，有的占据空间，有的不占据空间；有的可以响应点击，有的不能响应点击。下面一个个列出，选一个适合你的 { display: none/* 不占据空间，无法点击 */ } { visibility: hidden/* 占据空间，无法

在CSS中，让元素隐藏（指屏幕范围内肉眼不可见）的方法很多，有的占据空间，有的不占据空间；有的可以响应点击，有的不能响应点击。下面一个个列出，选一个适合你的

{ display: none/* 不占据空间，无法点击 */ }

{ visibility: hidden/* 占据空间，无法点击 */ }

{ position: absolutetop: -999em/* 不占据空间，无法点击 */ }

{ position: relativetop: -999em/* 占据空间，无法点击 */ }

{ position: absolutevisibility: hidden/* 不占据空间，无法点击 */ }

{ height: 0overflow: hidden/* 不占据空间，无法点击 */ }

{ opacity: 0filter:Alpha(opacity=0)/* 占据空间，可以点击 */ }

{ position: absoluteopacity: 0filter:Alpha(opacity=0)/* 不占据空间，可以点击 */ }{

zoom: 0.001

-moz-transform: scale(0)

-webkit-transform: scale(0)

-o-transform: scale(0)

transform: scale(0)

/* IE6/IE7/IE9不占据空间，IE8/FireFox/Chrome/Opera占据空间。都无法点击 */}{

position: absolute

zoom: 0.001

-moz-transform: scale(0)

-webkit-transform: scale(0)

-o-transform: scale(0)

/* 不占据空间，无法点击 */}

我想你的意思是不显示链接下划线吧？给链接加上这个样式text-decoration:none就可以实现。可以再加一个鼠标样式，使得超链接的小手不显示cursor:text鄙视那些啥都不懂还要到处发布垃圾答案的人。楼主你经常要做css设计的话应该经常查看css手册。

display:

none

不在文档流中占位，浏览器也不会解析该元素；

visibility:hidden视觉上隐藏，但还在文档流中占位，浏览器会解析该元素；