jquery - 将背景图像缩放到部分 - bootstrap

Question

我已经为我的网站建立了一个部分。现在我需要该部分的背景图像，它适合我的任何分辨率的部分。我已经尝试了很多东西。

但没有任何运气。我不知道问题出在我的图像分辨率或 CSS 上。

<section class="expertise-bg"></section>    

http://codepen.io/jayDilz/pen/zqeJQo 

我在这里错过了什么？

Answer 1

您可以设置background-size: cover，但背景会在不同的分辨率纵横比下被裁掉。

.expertise-bg{
  background: url("http://i63.tinypic.com/jkcfhu.jpg");
  background-size: cover;
}

如果您觉得背景在小分辨率下看起来很糟糕，您还可以设置媒体查询来解决这个问题，并加载不同的图像(较小的，具有其他视角)。