CSS-圖片占位的技巧

 

圖片占位技巧，防止動態獲取圖片 網絡慢，頁面一跳一跳的情況發生

.food .image-header {

               position: relative;  width: 100%;  height: 0; padding-top: 100%;

}

 

.food .image-header img {

　　　　position: absolute;  top: 0;   left: 0;   width: 100%;   height: 100%;

}