2015-11-25 52 views
0

我一直在爲網站工作,我的問題都是關於引導程序上的旋轉木馬,我盡最大努力解決它。圖像保持跳躍,你可以在這個網站上看到。請幫助.. Click here爲什麼圖像不停地在旋轉木馬中跳躍?

這裏是我的旋轉木馬CSS ..

/* Phone devices (phone, 767px below) */ 
    @media (max-width: 767px) { 

    .frame {height: 80px;width: 65px;white-space: nowrap;text-align: center; margin: 6% 0;} 
    .carousel-control {padding-top:7%;width:6%;font-size: 40px; color: #004890;margin-right: 10px;} 
    .carousel-inner {width: 480px;} 
    .carousel-inner > .item > img{max-height:80px;max-width: 65px;background: #3A6F9A;vertical-align: middle;} 
    #myCarousel {height: 128px;} 
    .item{margin-left: 0px;} 
    .carousel-indicators {right: 50%;top: auto;bottom: 0px;margin-right: -19px;} 
    .carousel-indicators li {background: #f99d1e;} 
    .carousel-indicators .active {background: #004890;} 
    .thumbnail {border: 0px;} 
} 
/* Small devices (tablets, 768px and up) */ 
@media (min-width: 768px) { 

    .frame {height: 70px;width: 125px;white-space: nowrap;text-align: center; margin: 3% 0;} 
    .carousel{margin-top: -18px;} 
    .carousel-control {padding-top:6%;width:3%;font-size: 30px; color: #004890;} 
    .carousel-inner {width: 840px;} 
    .carousel-inner > .item > img{max-height:70px;max-width: 125px;background: #3A6F9A;vertical-align: middle;} 
    #myCarousel {height: 126px;} 
    .item{margin-left: 15px;} 
    .carousel-indicators {right: 50%;top: auto;bottom: 0px;margin-right: -19px;} 
    .carousel-indicators li {background: #f99d1e;} 
    .carousel-indicators .active {background: #004890;} 
    .thumbnail {border: 0px;} 
    .top-margin-75{margin-top: -5px;} 

} 

/* Medium devices (desktops, 992px and up) */ 
@media (min-width: 992px) { 

    .frame {height: 70px;width: 125px;white-space: nowrap;text-align: center; margin: 3% 0;} 
    .carousel{margin-top: 0px;} 
    .carousel-control {padding-top:6%;width:3%;font-size: 30px; color: #004890;} 
    .carousel-inner {width: 840px;} 
    .carousel-inner > .item > img{max-height:70px;max-width: 125px;background: #3A6F9A;vertical-align: middle;} 
    #myCarousel {height: 128px;} 
    .item{margin-left: 15px;} 
    .carousel-indicators {right: 50%;top: auto;bottom: 0px;margin-right: -19px;} 
    .carousel-indicators li {background: #f99d1e;} 
    .carousel-indicators .active {background: #004890;} 
    .thumbnail {border: 0px;} 
    .top-margin-75{margin-top: -5px;} 

} 

/* Large devices (large desktops, 1200px and up) */ 
@media (min-width: 1200px) { 

    .frame {height: 70px;width: 125px;white-space: nowrap;text-align: center; margin: 3% 0;} 
    .carousel{margin-top: 0px;} 
    .carousel-control {padding-top:6%;width:3%;font-size: 30px; color: #004890;} 
    .carousel-inner {width: 840px;} 
    .carousel-inner > .item > img{max-height:70px;max-width: 125px;background: #3A6F9A;vertical-align: middle;} 
    #myCarousel {height: 128px;} 
    .item{margin-left: 15px;} 
    .carousel-indicators {right: 50%;top: auto;bottom: 0px;margin-right: -19px;} 
    .carousel-indicators li {background: #f99d1e;} 
    .carousel-indicators .active {background: #004890;} 
    .thumbnail {border: 0px;} 
    .top-margin-75{margin-top: -5px;} 

} 

而且這裏是我的問題的照片..

回答

0

我終於明白,我只是修改.item和添加。主動

.active{margin-top: -10px;} 

.item{margin-left: 15px;margin-top: 25px;}

它工作..:D乾杯..