在多卷js中设置背景

时间:2016-03-29 08:21:46

标签: javascript jquery css multiscroll.js

我有像这样的参考

http://reverzo.tymberry.com/

我的代码就像这样

<div id="multiscroll">
    <div class="ms-left">
        <div id="home-left" class="ms-section slide-item full-width full-height fullscreen">
          <!-- <div class="container"> -->
            <p style="font-size:10em;">Lorem ipsum.</p>
          <!-- </div> -->
        </div>
        <div class="ms-section">Some section</div>
        <div class="ms-section">Some section</div>
    </div>
    <div class="ms-right">
        <div id="home-right" class="ms-section"></div>
        <div class="ms-section">Some section</div>
        <div class="ms-section">Some section</div>
    </div>
</div>
#home-left{

    background-image: url(http://www.reverzo.tymberry.com/wp-content/uploads/2014/08/furgona-home.jpg);
}

.slide-item.fullscreen {
    width: 200% !important;
}
.slide-item.full-height {
    height: 100%;
}
.slide-item.full-width {
    /*width: 100%;*/
    position: relative;
    overflow: hidden;
}
.slide-item {
    display: block;
    -webkit-background-size: cover;
    -moz-background-size: cover;
     background-size: cover; 
     background-position: center center; 
     background-origin: border-box; 
     background-repeat: no-repeat; 
}
#home-right{
    background: transparent;
}

继承人我的工作

https://jsfiddle.net/ob1k3vut/ 我想设置那样的家庭形象。全屏。但是当我滚动。 bakground没有分裂。怎么做。它可以使它全屏。但是当他们骂人时他们仍然坚持在一起。

我不能成为小提琴,因为我不知道js的url和多卷的css。对不起伙计们如果你知道关闭在线css和js multiscroll的链接,请随时告诉我。生病了所以你可以检查它

0 个答案:

没有答案