CSS背景图像高度问题

Question

我网站的着陆页图片一直在顶部和底部进行修剪（高度限制在某处）。我喜欢的是图像只显示宽高比，在普通浏览器中没有高度限制。

我浪费了几个小时尝试在Chrome中更改标签，调试CSS，但我似乎无法让它工作。

该网站为http://raiseyourglass.co.za/index.html。

Answer 1

问题是，背景图像没有任何高度与页面宽度相对应。您可以利用padding-bottom的百分比值偏离元素宽度这一事实。尝试将此添加到您的CSS（如果模板覆盖CSS，您可能需要添加!important）：

.wsite-background.wsite-custom-background {
    padding-bottom: 33.33%;
}