Javascript 当给定位置为“绝对”时，图像消失

我有一个相对定位的div中的图像列表。为了将图像堆叠在彼此的顶部，我尝试绝对定位它们

但是，一旦我将

position:absolute

应用于图像，它就会消失。我正在使用jcarouselite进行旋转木马，所以我不确定是否是jcarousel脚本中的某些内容导致了这种情况

#幻灯片内容器{
位置：相对位置；
}
#幻灯片预览{
位置：绝对位置；
顶部：250px；
z指数：9999；
}
#滑块上一个img{
利润率：0px 30px；
光标：指针；
}
#下一个幻灯片{
位置：绝对位置；
顶部：250px；
右：50px；
z指数：9999；
}
#滑块下一个img{
光标：指针；
}
斯莱德姆先生{
宽度：100%；
高度：自动；
垂直对齐：中间对齐；
位置：绝对位置；
}
.slideText{
浮动：左；
利润：-278px 0px 0px 150px；
背景：rgba（20,0,17,5）；
宽度：380px；
边框：1px实心#000000；
z指数：100；
颜色：#ffffff；
字号：26px；
}

对于提供的每项服务，对于利用的每一工时，我们通过优质的培训交付服务使其对您有价值。



Lorem ipsum id aptent sucipit curae donec nunc dolor，concetetur congue dolor viverra euismod。



Lorem ipsum id aptent sucipit curae donec nunc dolor，concetetur congue dolor viverra euismod。



Jcarouselite代码
//JavaScript文档
（函数（$）{$.fn.jCarouselLite=function（o）{o=$.extend（{btnPrev:null，btnNext:null，btnGo:null，鼠标滚轮：false，auto:null，速度：200，缓和：null，垂直：false，圆形：true，可见：3，开始：0，滚动：1，开始：null，结束：null}，o{}）；
返回这个.each（function（）{var b=false，animCss=o.vertical？“top”：“left”，sizeCss=o.vertical？“height”：“width”；
var c=$（this），ul=$（“ul”，c），tLi=$（“li”，ul），tl=tLi.size（），v=o.visible；if（o.circular）{ul.prepend（tLi.slice（tl-v-1+1.clone（））.append（tLi.slice（0，v.clone（））；
o、 start+=v}var f=$（“li”，ul），itemLength=f.size（），curr=o.start；c.css（“可见性”，“可见”）；f.css（{溢出：“隐藏”，浮动：o.vertical？：“无”：“左”}）；
ul.css（{边距：“0”，填充：“0”，位置：“相对”，“列表样式类型”：“无”，“z索引”：“1”}）；c.css（{溢出：“隐藏”，位置：“相对”，“z索引”：“2”，左侧：“0px”}）；
var g=o.vertical？height（f）：width（f）；var h=g*itemLength；var j=g*v；f.css（{width:f.width（），height:f.height（）}）；ul.css（sizeCss，h+“px”）.css（animCss，-（curr*g））；
c、 css（sizeCss，j+“px”）；if（o.btnPrev）$（o.btnPrev）。单击（函数（）{return go（curr-o.scroll）}）；if（o.btnNext）$（o.btnNext）。单击（函数（）{return go（curr+o.scroll）}）；
if（o.btnGo）$.each（o.btnGo，函数（i，a）{$（a）.点击（函数（）{return go（o.circular？o.visible+i:i）}）；if（o.mouseweel&&c.mouseweel）c.mouseweel（函数（e，d）{return d>0？go（curr-o.scroll）：go（curr+o.scroll）}）；
if（o.auto）setInterval（function（）{go（curr+o.scroll）}，o.auto+o.speed）；function vis（）{return f.slice（curr）.slice（0，v）}；function go（a）{if（！b）{if（o.beforeStart）o.beforeStart.call（this，vis（））；if（o.circular）{if（a=itemLength-v+1）{ul ul ul css（animCss，-（v）*g）+“px”）；curr=a==itemLength-v+1:v=else=ecrosoll=emv}；
else curr=a}b=true；ul.animate（animCss==“left”？{left:-（curr*g）}:{top:-（curr*g）}，o.speed，o.easing，function（）{if（o.afterEnd）o.afterEnd.call（this，vis（））；b=false}；if（！o.circular）{$（o.btnPrev+，“+o.btnNext）.removeClass（“disabled”）$（curr-o.scrollitemLength-v&&o.btnNext）}调用（this，vis（））；b=false}；if（！o.circular）}；返回函数（[]（$.css（a[0]，b））| | 0}；函数宽度（a）{返回a[0]。偏移网络宽度+css（a，'marginLeft'）+css（a，'marginRight'）}；函数高度（a）{返回a[0]。偏移网络宽度+css（a，'marginTop'）+css（a，'marginBottom'）}）（jQuery）；
我在functions.js中有什么
//JavaScript文档
$（窗口）。加载（函数（）{
//激活滑块
$（“#sliderContainer”）.jCarouselLite({
btnNext:#sliderbtnext“，
btnPrev:#sliderBtnPrev“，
可见:1,，
通告:对,，
卷轴：1
});
})

您已将第一个图像定义为位置：相对和位置：绝对。这可能是导致错误的原因吗

您的代码：

#sliderContainer {
  position: relative;
}
#sliderBtnPrev {
  position: absolute;


<div id="sliderContainer">
  <div id="sliderBtnPrev">
    <img src='http://www.placehold.it/200' alt="Previous">
  </div>

#幻灯片内容器{
位置：相对位置；
}
#幻灯片预览{
位置：绝对位置；

@Umi图像通过使用

css“堆叠”在彼此的顶部来显示。也可以尝试设置
ulli{position:abosolute}
。可以在问题中包括“jcarousel”
js
？当我使用
ulli{position:absolute}时确实会显示出来
如果我脱机，jcarouselite无法工作。当我联机时，图像会消失。我想这可能与脚本有关，但我想不出来。@Umi是的。似乎是插件。在包含
js
之前尝试过；显示的图像显示正常。不，我指的是列表中的图像。
\sliderbtnprov
i我的问题与列表中的图像有关。似乎来自javascript代码。