css - 背景图像辅助

Question

我正在尝试将大约 2200px 965px 的广告牌图像固定在扩展屏幕宽度和 500px 高度的 div 中，而不丢失图像的任何部分。这可能吗，我在完成这个任务时遇到了问题。

<div class="billboard"> </div>

CSS:

height: 500px;
background-repeat: no-repeat;
background-attachment: fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
width: 100%;
display:block;
width:100%;

Answer 1

是的，只需将 width: 1140px 添加到您的 CSS 代码中，以确保它不会被截断。