久久精品国产精品国产精品污,亚洲色成人四虎在线观看,亚洲熟妇无码另类久久久,揉她小豆豆揉到失禁H

  • <acronym id="1hxtt"><label id="1hxtt"></label></acronym>
    <pre id="1hxtt"></pre>
    <pre id="1hxtt"><ruby id="1hxtt"></ruby></pre>

    1. 技術頻道導航
      HTML/CSS
      .NET技術
      IIS技術
      PHP技術
      Js/JQuery
      Photoshop
      Fireworks
      服務器技術
      操作系統
      網站運營

      贊助商

      分類目錄

      贊助商

      最新文章

      搜索

      CSS隱藏元素的10種方法之:使用visibility

      作者:admin    時間:2022-11-1 17:13:22    瀏覽:

      在前面文章我們介紹了可以通過使用clip-path隱藏元素,本文將繼續介紹另一種CSS隱藏元素的方法:使用visibility。

      實例

      demodownload

      HTML

      <ol class="hide" tabindex="0">
        <li>one</li>
        <li class="hide-item">two</li>
        <li>three</li>
      </ol>

      <p>鼠標移到任何一個盒子上隱藏盒子two,<br>使用 <b>visibility: hidden;</b>。</p>

      CSS

      /* hide element */
      .hide:hover .hide-item,
      .hide:focus .hide-item {
        visibility: hidden;
      }

      /* other styles */
      body {
        font-family: sans-serif;
        font-size: 100%;
        color: #222;
        background-color: #fff;
      }

      p {
        text-align: center;
      }

      .hide {
        display: flex;
        justify-content: center;
        list-style-type: none;
        padding: 0;
        margin: 0;
      }

      .hide > * {
        flex: 0 0 25%;
        font-size: 2em;
        text-align: center;
        padding: 1em 0;
        margin: 0.2em;
        background-color: #ccc;
        border-radius: 0.5em;
        user-select: none;
      }

      .hide-item {
        background-color: #f66;
        cursor: pointer;
      }

      代碼解釋

      visibility屬性可以設置為visiblehidden顯示和隱藏元素。

      除非使用collapse值,否則元素使用的空間保持不變。

      度量標準 影響
      瀏覽器支持 極好
      可訪問性 不讀內容
      布局受影響? 不,除非使用collapse
      渲染要求 組成,除非使用collapse
      性能
      動畫幀可能嗎?
      隱藏時可觸發事件嗎?

      visibility 屬性

      visibility的屬性允許你從視圖中隱藏元素。你可以將此屬性與 JavaScript 一起使用來創建非常復雜的菜單和非常復雜的網頁布局。

      你可以選擇使用visibility屬性來隱藏僅在用戶需要查看時才顯示的錯誤消息,或者在用戶選擇選項之前隱藏測驗的答案。

      注意,請記住,源代碼仍將包含不可見段落中的任何內容,因此你不應使用它來隱藏敏感信息。

      句法

      visibility: visible|hidden|collapse|initial|inherit;

      visibility屬性可以采用下表中列出的值。

      描述
      visible 向用戶顯示該框及其內容。
      hidden 該框及其內容是不可見的,盡管它們仍然會影響頁面的布局。
      collapse 這僅用于動態表列和行效果。

      瀏覽器支持

      很好,幾乎支持所有瀏覽器。

      • Google Chrome 1.0+
      • Edge 12.0+
      • Internet Explorer 4.0+
      • Firefox 1.0+
      • Opera 4.0+
      • Safari 1.0+

      相關文章

      標簽: css  CSS隱藏元素  visibility  
      x
      • 站長推薦
      久久精品国产精品国产精品污,亚洲色成人四虎在线观看,亚洲熟妇无码另类久久久,揉她小豆豆揉到失禁H