<noframes id="pfp5n">

<form id="pfp5n"></form>
<noframes id="pfp5n">
<noframes id="pfp5n"><form id="pfp5n"></form>
<address id="pfp5n"><form id="pfp5n"><nobr id="pfp5n"></nobr></form></address>
<form id="pfp5n"></form>

    <listing id="pfp5n"></listing>

    <listing id="pfp5n"></listing>
          您當前的位置:首頁 > 建站常識 > css強化

          CSS隱藏屬性加載問題

          2016-03-21
            并不是所有元素都會被加載
            我們先來測試圖片,對圖片設置隱藏屬性,然后測試圖片是否會被加載。
            1.寫在頁面上的img標簽,無論顯示與否,圖片都會被加載(所以試圖通過對圖片display:none來達到節省網絡流量的做法就省省吧。。。
            2.經常使用backgroung-image等css屬性為頁面添加圖片,這些圖片是不是一定會被加載呢?
            看例子:
            測試結果:
            結果如下:
            我們可以發現圖片0和4沒有被下載,
            0,是沒有用到的CSS,不會被加載;
            1,div默認block屬性,盡管頁面上圖片不顯示(沒有設置當前塊級元素的寬高),但還是加載了;
            2,div默認block屬性,盡管頁面上圖片不顯示(沒有設置當前塊級元素的寬高),但還是加載了;
            3,父容器的visibility屬性設置為hidden屬性,div默認block屬性,盡管頁面上圖片不顯示(沒有設置當前塊級元素的寬高),但還是加載了;
            4,父容器的display被設為none的情況,圖片沒有被加載。
            我們在來對比一下display:none和visibility:hidden的區別:
            display:none元素在頁面上將徹底消失,元素本來占有的空間就會被其他元素占有,也就是說它會導致瀏覽器的重排和重繪。
            visibility:hidden適用于那些元素隱藏后不希望頁面布局會發生變化的場景,元素在頁面消失后,其占據的空間依舊會保留著,所以它只會導致瀏覽器重繪而不會重排。
            display屬性詳解:http://www.dayoutiandi.com/cs/qh/170.html
          本文關鍵詞:CSS隱藏屬性加載問題  圖片  測試  屬性  元素  問題  

          一切精彩源自七七網絡!我們傾力打造時尚潮流第一線!

          ? 2012-2024七七世界網站建設     20707.net 1125w.com 版權所有     豫ICP備14018694號-1

          人成久久影院,和小姪女保持性关系故事,亚洲综合色欲色欲综合网站
          <noframes id="pfp5n">

          <form id="pfp5n"></form>
          <noframes id="pfp5n">
          <noframes id="pfp5n"><form id="pfp5n"></form>
          <address id="pfp5n"><form id="pfp5n"><nobr id="pfp5n"></nobr></form></address>
          <form id="pfp5n"></form>

            <listing id="pfp5n"></listing>

            <listing id="pfp5n"></listing>