我的slick.js滑块下的空间很大

时间:2018-04-18 01:18:06

标签: html css slick.js

我试图为一个网站实现一个滑块,这个滑块意味着用超强文本解构背景图像。但是,将文本加载到滑块会产生一个很大的空白区域,我正在寻找它。 HTML说它是.slick-track风格的问题。

这里有一个js小提琴链接:https://jsfiddle.net/bwu778/7dyhgzgf/ 的CSS:

#container1{
  position: relative;
}

#image{
  position:absolute;
}

#text1{
  z-index:100;
  position:absolute;
  color:#4D2E82;
  left:22%;
  font-weight:bold;
  margin-top:12%;
  padding-bottom: 2em;
}

#text2{
  z-index:99;
  position:absolute;
  background-color: #FFFFFF;
  color:#4D2E82;
  left:25%;
  margin-top:20%;
}

谢谢!

1 个答案:

答案 0 :(得分:0)

我将你的小提琴贴在我的本地服务器上,并获得了一个空白区域。经过进一步检查,似乎存在许多问题。列举一些要检查的内容:

  • 确保您在链接后在本地安装slick-theme.css 引用列为http
    • 其网站上的初始化程序功能错误
    • 编码消息在他们的最后,他们可能知道 因为utf-8在一个文件中大量撒播
    • 使用实际的jquery cdn文件或将{{1}}添加到其中 他们的网站,如果你直接复制它们

不确定继续使用Slick是多么迫切,但从语法和645开放问题判断,我建议仔细阅读已解决的问题以获得一些答案