溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
本篇文章為大家展示了css中visibility屬性的介紹和使用，代碼簡明扼要并且容易理解，絕對能使你眼前一亮，通過這篇文章的詳細介紹希望你能有所收獲。
在css中visibility屬性規定元素是否可見，其中visible為元素可見，hidden為元素不可見，所有主流瀏覽器都支持 visibility 屬性。但是，任何的版本的 Internet Explorer (包括 IE8)都不支持 "inherit" 和 "collapse" 屬性值，而支持visible 和hidden值。Visibility 屬性共有四個可用的值(visible、hidden、collapse 和inherit)，但常用的值是visible 和hidden。
CSS visibility 屬性規定元素是否可見。
visible 元素可見。
hidden 元素不可見。
collapse 在表格元素中使用時，此值可刪除一行或一列，但它不影響表格的布局。被行或列占據的空間會留給其他內容使用。如果此值被用在其他的元素上，會呈現為 "hidden"。
inherit 從父元素繼承 visibility 屬性的值。
你在 html 里面寫的東西默認情況下就是屬于 visibility:visible; 即元素可見。當某些情況下，你讓元素不可見了：visibility:hidden; 再通過一些事件觸發后讓元素變成可見，就要用到這個visibility:visible; 。
和display:none的區別，你理解是對的，display:none; 以后，元素是不占位的。
實例：
<html>
<head>
<style type="text/css">
h1.visible {visibility:visible}
h2.invisible {visibility:hidden}
</style>
</head>
<body>
<h1 class="visible">這里的內容是可見的</h1>
<h2 class="invisible">這里的內容是不可見的</h1>
</body>
</html>
上述內容就是css中visibility屬性的介紹和使用，你們學到知識或技能了嗎？如果還想學到更多技能或者豐富自己的知識儲備，歡迎關注億速云行業資訊頻道。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
