我在网站上工作正常，我的问题是 Bootstrap 上的轮播，我尽力修复它。图像一直在跳动，正如您在本网站上看到的那样。请帮助.. 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;}
}
这是我的问题的照片..
最佳答案
终于明白了，我只是修改.item，加上.active
.active{margin-top: -10px;}
.item{margin-left: 15px;margin-top: 25px;}
它有效..:D 干杯..
关于css - 为什么图像在轮播中不断跳动？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/33907444/