Question

我需要淡出淡出旋转木马，我有以下代码：

HTML

<div class="flash-container">
  <div class="documentsItem">
    <a href="" id="lnkDocuments">
      <div class="itemtitle" id="divTitle">Title 1</div>
    </a>
  </div>
  <div class="documentsItem">
    <a href="" id="lnkDocuments">
      <div class="itemtitle" id="divTitle"> Title 2</div>
    </a>
  </div>

  <div class="documentsItem">
    <a href="" id="lnkDocuments">
      <div class="itemtitle" id="divTitle"> Title 3</div>
    </a>
  </div>
</div>

CSS

.flash-container{
    float:right;
    width:555px;
}
.documentsItem 
{
    float:right;
     width:800px;
}
.documentsItem a{
    width:100%;
    float:right;
}
.allitemslink{
    float:right;
}
.slider-parent-doc{
    width:100%;
     float:right;
}

.slick-list {
    margin-top:25px;
    border:solid 1px;
}

.documentsItem a img
{
    width:30px;
    height:30px;
    float:right;
}
.documentsItem a .itemtitle{
    float:right;
    padding-right:10px;
}

JAVASCRIPT

$('.flash-container').slick({
  autoplay: true,
  autoplaySpeed: 1000,
  fade: true,
  infinite: true
});

当此代码运行时，它仅显示淡入淡出效果的 Title2 。另一个元素根本没有显示。我需要在旋转木马中显示所有div。我究竟做错了什么？感谢。

Answer 1

似乎问题是

float: right;

从css中删除后，淡入淡出正常。问题可以关闭

光滑的淡化div消失了

1 个答案: