<acronym id="5er3x"></acronym>
        <track id="5er3x"><strike id="5er3x"></strike></track>
        <track id="5er3x"><ruby id="5er3x"></ruby></track>

          <p id="5er3x"></p>
        1. <bdo id="5er3x"><strike id="5er3x"><b id="5er3x"></b></strike></bdo>
        2. <acronym id="5er3x"><label id="5er3x"></label></acronym>

          網頁設計中的元素可見性

          • 2019-03-06 17:14:44
          • 閱讀次數:
          • 作者:盈嵐科技小編
          • 來源:http://www.iandjservices.com

          除了剪裁和溢出,網頁設計人員還可以控制整個元素的可見性。

          visibility

          值:visible | hidden | collapse | inherit

          初始值:visible

          應用于:所有元素

          繼承性:有

          計算值:根據指定確定

          這個屬性相當簡單。如果元素設置為有visibility: visible,當然它就是可見的。

          如果元素設置為visibility: hidden,則會置為“不可見”(按規范中的說法),處于不可見狀態時,元素還是會影響文檔的布局,就好像它還可見一樣。換句話說,網站建設元素還在那里,只不過你看不見它。注意這與display: none有區別。對于后者,元素不僅不顯示,還會從文檔中刪除,所以對文檔布局沒有任何影響。圖10-37顯示了一個文檔,根據以下樣式和標記,將其中一個段落設置為hidden:

          em.trans {visibility: hidden; border: 3px solid gray; background: silver; margin: 2em; padding: 1em;}

          <P>

          This is a paragraph that should be visible. Lorem ipsum, dolor sit amec,<em class="trans">conseccetuer adipiscing elit, sed diam nonurany nibh </em> euisraod tincidunt ut laoreet dolore magna aliquam erat volutpat.

          </p>

          hidden元素中原本可見的部分(如內容、背景和邊框)都會置為不可見。注意,這些空間還留在原處,因為元素仍是文檔布局的一部分。只不過你看不到它。

          還要注意,網頁設計人員有可能將一個hidden元素的后代元素置為visible。這會使該后代元素正常出現,盡管其祖先元素(以及兄弟)是不可見的。為此,必須顯式地聲明后代元素為visible,因為visibility屬性可以繼承:

          p.clear {visibility: hidden;}

          p.clear era {visibility: visible;}

          visibility: collapse值在CSS表顯示中使用,這在下一章討論。根據網站建設CSS2規范,如果用干非表元素,collapse與hidden含義相同。

          當前文章標題:網頁設計中的元素可見性

          當前URL:http://www.iandjservices.com/news/wzzz/element-visibility.html

          上一篇:網頁設計中的內容裁剪

          下一篇:網頁設計中的絕對定位

          網站建設、網絡營銷咨詢專線:181-8386-5875(點擊可一鍵撥號)
          久久中文字幕无码_中文字幕精品无码亚洲字2021_欧美国产日韩另类综合一区_欧美日韩亚洲乱国产综合AⅤ