【发布时间】:2016-07-11 15:32:17
【问题描述】:
我刚刚在我的 html 和 css 中添加了响应式幻灯片,但它不起作用。 我在我的代码中找不到错误,所以我很沮丧..
可能是,响应式幻灯片无法在 Safari 9.1 上运行。 ?
这就是脚本:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="responsiveslides.min.js"></script
<script>
$(function() {
$(".rslides").responsiveSlides();
});
</script>
这是html:
<div class="bild-links">
<ul class="rslides">
<li><img src="mag.jpg" alt="Platzhalter"></li>
<li><img src="mag-02.jpg" alt="Platzhalter"></li>
<li><img src="mag-03.jpg" alt="Platzhalter"></li>
</ul>
</div>
这是我的 CSS:
.rslides {
position: relative;
list-style: none;
overflow: hidden;
width: 100%;
padding: 0;
margin: 0;
}
.rslides li {
-webkit-backface-visibility: hidden;
position: absolute;
display: none;
width: 100%;
left: 0;
top: 0;
}
.rslides li:first-child {
position: relative;
display: block;
float: left;
}
.rslides img {
display: block;
height: auto;
float: left;
width: 100%;
border: 0;
}
如果你能帮助我,我真的很高兴! 非常感谢!
【问题讨论】:
标签: jquery html css safari responsive-slides