缩放背景图像到部分 - 引导程序

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;
}

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