...

background-image是屬性，不是塊元素的內容，是無法撐開高度的。要想實現這種效果，一般通過:after,:before來填充。 附加：如果要隨着圖片的寬高撐開容器，還需要在圖片上添加內容（文字說明）的話，那么一般是定位寫了。 附加：上面的方法通常圖片 ...

前端開發中，常常會有需求兩個盒子並排排列，高度以最高的為准，且高度是內容撐開的，類似於這樣 如果不是用 table 布局，而是用 div 布局，兩個子盒子浮動來實現的話，實際上默認寫出來是這樣的 此時需要給兩個子盒子設置 padding-bottom: 9999px ...

很多時候我們給網站了一個大banner,但是隨着屏幕的變化，背景會變形，我們知道background-size可以實現背景圖等比例縮放，但是，我們想讓下面的盒子根據縮放后背景圖的高度，也能自動向上擠。這用css竟然也是可以實現的，瞬間感覺自己的css弱爆了，下面是我寫的小demo,我想在響應式 ...

保證1920px的圖片，在低分率率的電腦上也能正常顯示，兩邊裁剪，中間居中，高度不變 ...

HTML里background-image中，可以設置background-repeat實現平鋪，前面博文中關於css樣式換行的（相關博文：超文本css樣式換行），其中有個三個div組合的，中間的div是平鋪的，但是沒有設置repeat值，默認就平鋪了，默認就是橫向縱向都是平鋪的，不需要特別設置 ...

效果： 對於不規則圖片，在屏幕縮小時圖片適當左移，但為了不遮擋左側文字，左移至一定位置后圖片固定位置。 方法： 給背景圖片設置寬度和absolute定位，使得圖片浮於頁面。然后在js里邊判斷當前窗口大小，當頁面小到會致使圖片遮擋左側文字時，給圖片添加left屬性，這樣圖片就不會再向 ...

一 實現背景圖循環播放 ...