Question

我有一个非常酷的照片作为我的网站组合，但我不能让它响应和适合div。它填满了整个div，但整张照片都不合适。我正在使用bootstrap。

这是我的css

                    .bg1 {
                       background-image: url (../img/brain.jpg);
                       background-size: 100%;
                       height: 600px;
                       }

Answer 1

试试这个：

.bg1{
      background-image: url (../img/brain.jpg) no-repeat center center fixed; 
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
}

演示link

此处有更多信息：Perfect Full Page background

Answer 2

您可以尝试使用<img>标记加载图片，并添加Bootstrap支持的img-responsive类。请参阅http://im.rediff.com/money/2011/jul/01car12.jpg

中的详情

如何使背景照片适合div并在Css中响应？

2 个答案: