<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                <ruby id="bdb3f"></ruby>

                ThinkChat2.0新版上線,更智能更精彩,支持會話、畫圖、視頻、閱讀、搜索等,送10W Token,即刻開啟你的AI之旅 廣告
                ## opacity/visibility/display 隱藏對比 opacity 用來設置透明度 display 定義建立布局時元素生成的顯示框類型 visibility 用來設置元素是否可見。 opacity、visibility、display 這三個屬性分別取值 0、hidden、none 都能使元素在頁面上看不見,但是他們在方方面面都還是有區別的。 ![](https://box.kancloud.cn/7190588cc0fd9a64b29387276547d8c1_723x322.png) 1、**display:none** (1)、瀏覽器不會生成屬性為display: none;的元素。 (2)、display: none;不占據空間,把元素隱藏起來,所以動態改變此屬性時會引起重排(改變頁面布局),可以理解成在頁面中把該元素刪除掉一樣。 (3)、display: none;不會被子孫繼承,但是其子孫是不會顯示的,畢竟都一起被隱藏了。 (4)、transition無效。 2、**visibility:hidden** (1)、元素會被隱藏,但是不會消失,依然占據空間,隱藏后不會改變html原有樣式。 (2)、visibility: hidden會被子孫繼承,子孫也可以通過顯示的設置visibility: visible;來反隱藏。 (3)、visibility: hidden;不會觸發該元素已經綁定的事件。 (4)、visibility: hidden;動態修改此屬性會引起重繪。 (5)、transition無效。 3、**opacity:0;filter:alpha(opacity=0-100;**(考慮瀏覽器兼容性的問題,最好兩個都寫上) (1)、opacity:0;filter:alpha(opacity=0-100;只是透明度為100%,元素隱藏,依然占據空間,隱藏后不會改變html原有樣式。 (2)、opacity:0;filter:alpha(opacity=0-100;會被子元素繼承,且子元素并不能通過opacity=1,進行反隱藏。 (3)、opacity:0;filter:alpha(opacity=0-100;的元素依然能觸發已經綁定的事件。 (4)、transition有效。
                  <ruby id="bdb3f"></ruby>

                  <p id="bdb3f"><cite id="bdb3f"></cite></p>

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                              <ruby id="bdb3f"></ruby>

                              哎呀哎呀视频在线观看