0

我正在使用无限轮播,它在 chrome 上效果很好,但图像不显示在 Firefox 上,这是链接http://www.mawk3y.net/alsoos/saudisaif 我试图将浮动从左到右更改

  • 并且出现了第二个图像屏幕,但箭头根本不起作用

    .infiniteCarousel {
    width: 924px;
    position: relative;
    }
    
    .infiniteCarousel .wrapper {
    width: 850px; 
    overflow: auto;
    min-height: 10em;
    position: absolute;
    top: 0;
    margin-right: 39px;
    }
    
    .infiniteCarousel ul img {
    height:127px;
    width:279px;
    }
    
    .infiniteCarousel .wrapper ul {
    width: 9999px;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:0;
    padding:0;
    position: absolute;
    top: 0;
    }
    
    .infiniteCarousel ul li {
    display:block;
    float:left;
    padding: 0 3px 0 3px;
    height: 160px;
    width: 279px;
    text-align:center;
    color:#5e3939;
    font-family: 'Conv_GE SS Text Medium';
     }
    
    .infiniteCarousel ul li a img {
    display:block;
    }
    
    .infiniteCarousel .arrow {
    display: block;
    height: 36px;
    width: 37px;
    background: url(../images/arrow.png) no-repeat 0 0;
    text-indent: -999px;
    position: absolute;
    top: 37px;
      cursor: pointer;
    }
    
    .infiniteCarousel .forward {
    background-position: 0 0;
    right: 0;
    top: 45px;
    }
    
    .infiniteCarousel .back {
    background-position: 0 -72px;
    left: 0;
    top: 45px;
    }
    
    .infiniteCarousel .forward:hover {
    background-position: 0 -36px;
    }
    
    .infiniteCarousel .back:hover {
    background-position: 0 -108px;
    }
    
  • 4

    1 回答 1

    0

    页面的方向是 rtl,所以轮播在 firefox 上不起作用,但仍然不知道为什么在 chrome 上起作用,所以我不得不为包含的 div 添加样式

    carousel{
    direction:ltr;
    }
    
    于 2014-02-25T09:57:56.230 回答