我有一個完整頁面的背景圖像(10px),我希望無論瀏覽器的大小如何都圍繞圖像進行維護。到目前爲止,除了底部之外,每一方都很好。有沒有一種方法,我可以有一個垂直響應的背景圖像只使用CSS?我更喜歡不使用Javascript,但如果這是唯一的解決方案,我是開放的。垂直響應的背景圖像
.background-image {
display: inline-block;
height: 100%;
width: 98%;
margin: 1%;
background: url('/wp-content/themes/woodsy/images/background-walnut-test.jpg') no-repeat center center fixed;
background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
-webkit-background-size: cover;
}
奇怪的計算函數適用於我的寬度,但不是我的身高。無論出於何種原因,我的背景圖片都不以百分比表示高度,僅表示實際尺寸。不管怎麼說,還是要謝謝你! – mirae2000 2015-02-10 19:29:10
您還需要添加'position'(絕對或固定的) – 2015-02-10 20:03:00