新聞中心
這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
CSSvisibility(元素可見性)
CSS 中的 visibility 屬性用來設置元素是否可見,您可以將該屬性與 JavaScript 一起使用,來創(chuàng)建非常復雜的菜單或網(wǎng)頁布局,比如在網(wǎng)頁中做一些測試題時您可以使用 visibility 屬性將題目的答案或解析隱藏起來,需要時再將其展示出來。
圖:visibility 屬性演示

成都創(chuàng)新互聯(lián)公司專注于橋東企業(yè)網(wǎng)站建設,成都響應式網(wǎng)站建設,電子商務商城網(wǎng)站建設。橋東網(wǎng)站建設公司,為橋東等地區(qū)提供建站服務。全流程按需定制制作,專業(yè)設計,全程項目跟蹤,成都創(chuàng)新互聯(lián)公司專業(yè)和態(tài)度為您提供的服務
visibility 屬性的可選值如下:
| 值 | 描述 |
|---|---|
| visible | 默認值,表示元素是可見的 |
| hidden | 隱藏元素 |
| collapse | 主要用來隱藏表格的行和列,隱藏的行或列所占的空間可以被其他表格內(nèi)容使用;如果在其他元素上使用,其效果等同于“hidden” |
| inherit | 從父元素繼承 visibility 屬性的值 |
提示:visibility 屬性雖然會隱藏元素,但會保留元素在頁面中所占的空間。如果您希望元素隱藏的同時又不占用頁面空間的話,請使用 display 屬性。
【示例】使用 visibility 屬性來隱藏頁面中的指定元素:
visible
hidden
| 值 | 描述 |
|---|---|
| visible | 默認值,表示元素是可見的 |
| hidden | 隱藏元素 |
| collapse | 主要用來隱藏表格的行和列,隱藏的行或列所占的空間可以被其他表格內(nèi)容使用;如果在其他元素上使用,其效果等同于“hidden” |
| inherit | 從父元素繼承 visibility 屬性的值 |
提示:visibility 屬性雖然會隱藏元素,但會保留元素在頁面中所占的空間。如果您希望元素隱藏的同時又不占用頁面空間的話,請使用 display 屬性。
運行結果如下圖所示:
圖:visibility 屬性演示
注意:對于隱藏的元素,雖然我們在頁面中看不到了,但是源代碼中仍然包含這些隱藏的內(nèi)容,因此您盡量不要使用它來隱藏敏感信息,例如用戶信息、密碼等等。
標題名稱:CSSvisibility(元素可見性)
當前網(wǎng)址:http://www.fisionsoft.com.cn/article/cdippog.html


咨詢
建站咨詢
