站長(zhǎng)資訊網(wǎng)在css中，可以使用visibility屬性來(lái)設(shè)置占位隱藏，語(yǔ)法“visibility:hidden;”；該屬性規(guī)定元素是否可見(jiàn)，當(dāng)值為“hidden”時(shí)，表示元素是不可見(jiàn)的，但也會(huì)占據(jù)頁(yè)面上的空間，并對(duì)網(wǎng)頁(yè)的布局起作用。
本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
visibility屬性介紹：
visibility具有繼承性，給父元素設(shè)置visibility:hidden;子元素也會(huì)繼承這個(gè)屬性。但是如果重新給子元素設(shè)置visibility: visible,則子元素又會(huì)顯示出來(lái)。這個(gè)和display: none有著質(zhì)的區(qū)別
visibility: hidden不會(huì)影響計(jì)數(shù)器的計(jì)數(shù)，如圖所示，visibility: hidden雖然讓一個(gè)元素不見(jiàn)了，但是其計(jì)數(shù)器仍在運(yùn)行。這和display: none完全不一樣
示例：
<body> <div> <strong>給元素設(shè)置visibility:hidden樣式</strong> <ol> <li>元素1</li> <li style="visibility:hidden;">元素2</li> <li>元素3</li> <li>元素4</li></ol> </div> <div> <strong>給元素設(shè)置display:none樣式</strong> <ol> <li>元素1</li> <li style="display:none;">元素2</li> <li>元素3</li> <li>元素4</li></ol> </div> </body>
效果圖：
推薦學(xué)習(xí)：css視頻教程
