javascript - Owl Carousel 中堆叠的图像

标签 javascript html css owl-carousel

我在实现 Owl Carousel 时遇到问题。 这些图像彼此堆叠在一起,而不是像一个幻灯片轮播一样。

这是我的代码笔链接: http://codepen.io/Sky-123/pen/LRjqEB

您将无法看到图像,因为它们在我的本地计算机中,但它会让你们了解问题所在。

非常感谢任何帮助!!

最佳答案

您的 CSS 文件链接不正确,因此未加载它们。例如你有:

<link href="https://cdnjs.cloudflare.com/ajax/libs/owl-carousel/1.3.3/owl.carousel.css">

您缺少其中的rel="stylesheet"。应该是:

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/owl-carousel/1.3.3/owl.carousel.css">

将其放置到所有外部 CSS 链接中。

查看演示:http://codepen.io/thepio/pen/ozZVbg

关于javascript - Owl Carousel 中堆叠的图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39791857/

相关文章:

html - 我有负边距,父 div 有更多宽度,但图片不能以正确的方式

html - float 在两个元素上

javascript - 只追加新数据

javascript - 从 URL 读取 JSON 格式

c# - 将图片大小调整为 2MB

javascript - 不支持它的浏览器的@page size 的替代方案?

html - 网站奇怪地坏了

javascript - 条件满足 ngShow AND ngHide

jquery - 使用 jQuery 在选择列表上设置所选属性

javascript - 原生 JS 读取 HTML5 自定义数据属性