仅背景大小宽度答案

【问题标题】：background-size width only仅背景大小宽度
【发布时间】：2014-08-04 12:59:55
【问题描述】：

我在我正在制作的网页上制作了全屏幻灯片放映，但在幻灯片放映“完成”后作为入口页面..我想将图片放在顶部，宽度扩大到全屏分辨率后的宽度尺寸给用户。虽然高度将是静态的..就像 600 像素。

有没有办法做到这一点？用 CSS 什么的？我是 CSS 新手，在谷歌上搜索了很多天后，我没有找到任何像样的例子来说明我正在尝试制作的东西

我没有任何关于我想要归档的示例，但希望有人知道我想要做什么。

提前致谢

【问题讨论】：

【解决方案1】：

background-size可以设置两个不同的值：

.yourimg {
      background-image: url('yourimghere.jpg');
      background-size: 100% 600px;
}

【讨论】：

【解决方案2】：

你可以试试这样的容器

HTML：

<div id="boom">
    plop
</div>

CSS：

#boom {
    width: 100%;
    height: 600px;
    background: url(http://placehold.it/1600x600);
}

结果： http://jsfiddle.net/fx5jM/

【讨论】：

【解决方案3】：

这对我有用

.backgroundImage{
  background-size:contain;
  background-position:top center;
  background-repeat: no-repeat;
  height:600px;
}

【讨论】：