html - 如何在 bootstrap 中使用 css3 中的响应式背景图片

Question

我不想使用 html 标签。这是我的CSS。我正在使用 bootstrap 3.0。

background:url('images/ip-box.png')no-repeat;
background-size:100%;
height: 140px;
display:block;
padding:0 !important;
margin:0;

在 100% 缩放时这没问题。但是当我放大大约 180% 时，图像从顶部到底部都会变短，我需要一些 css 技巧。

Answer 1

对于完整的图像背景，检查这个:

html { 
background: url(images/bg.jpg) no-repeat center center fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}