【问题标题】:Is ResponsiveSlides working on Safari 9?ResponsiveSlides 是否适用于 Safari 9?
【发布时间】: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


    【解决方案1】:

    你在这里打错了...

    <script src="responsiveslides.min.js"></script <!-- didn't close tag -->
    

    【讨论】:

    • 谢谢nobodyhere!我关闭了该标签,但它仍然无法正常工作。还有其他建议吗?
    猜你喜欢
    • 2023-04-05
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-09-24
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多