我正在尝试制作一个包含需要放置在容器不同区域的信息的幻灯片。
我的问题是循环 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;
}
预先感谢您的所有帮助!!!
最佳答案
如果它可能在将来对某人有所帮助,我实际上将我的文本附在了它的位置详细信息中并且它起作用了。
关于Jquery Cycle2 非图像 div 位置问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18863033/