0

我正在尝试制作一个充满信息的幻灯片，这些信息需要放置在容器的不同区域。

我的问题是循环 2 幻灯片的 div 似乎忽略了样式中指定的位置。

是因为cycle2被忽略了子div的位置吗？或者我错过了什么？

我的图片幻灯片很吸引人……如果我能做到的话。

<div style="position:relative; left:459px; height:306px; width:565px;">
  <div class="cycle-slideshow" 
    data-cycle-slides="> div"
    data-cycle-pager="#pager"
    data-cycle-pager-template=""        
    >
     <div style="position:absolute; height:20px; left:200px;">
        <font style="color: #ffffff; font-family: 'Great Vibes', ClearType ; font-size: 10pt; font-smooth:always; -webkit-font-smoothing: antialiased;">Lorem ipsum dolor ...</font>
    </div>
    <div style="position:absolute; height:20px; left:200px; ">
        <font style="color: #ffffff; font-family: 'Great Vibes', ClearType ; font-size: 20pt; font-smooth:always; -webkit-font-smoothing: antialiased;">Lorem ipsum dolor ...</font>
    </div>
    <div style="position:absolute; height:20px; left:200px;">
        <font style="color: #ffffff; font-family: 'Great Vibes', ClearType ; font-size: 30pt; font-smooth:always; -webkit-font-smoothing: antialiased;">Lorem ipsum dolor ...</font>
    </div>               
  </div>
</div>

循环幻灯片的 css 非常基本：

.cycle-slideshow {
width: 200px; 
margin: 0;
 }

预先感谢您的所有帮助！！！

4

1 回答 1

0

如果它将来可能对某人有所帮助，我实际上将我的文本附在一个详细的位置并且它有效。

于 2013-09-18T16:09:09.437 回答