屏幕小时压缩的Bootstrap Carousel图像

时间:2013-11-26 05:01:11

标签: php jquery css twitter-bootstrap

如何使我的图像像

一样工作
http://graduateland.com/

我试着跟随他们的CSS,我正在使用bootstrap 3 carousel。

我当前的代码

.carousel-inner > .item > img {
position: absolute;
top: 0;
left: 0;
min-width: 100%;
height: 500px;
}

GraduateLand

[id="get-started"] {
display: table;
width: 100%;
height: 100%;
margin-top: 0;
padding-bottom: 0;
background-image: url("/newgl/gateway/gl/img/home-hero.jpg");
background-repeat: no-repeat;
background-position: center center;
background-size: 100%;

id="get-started"] {
background-size: auto;
background-position: center top;
}

更新

element.style {
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
}

2 个答案:

答案 0 :(得分:0)

答案〜

position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background: #000 url('URLEREE) no-repeat;
-moz-background-size: cover;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
background-color: transparent;

答案 1 :(得分:-1)

用于在标题上显示全宽图像:

<div class="header">

<div class="container">
<!-- put carousel here -->   >
</div>

</div>