Jquery和cssz-index

我一直在论坛上寻找这个问题的一些答案，但似乎没有一个符合我的代码。 我使用了一个笨拙的画廊滑块和一个固定的标题。问题是，在加载下一幅图像后，固定标题会在滑块后面

我已经设法对标题使用了Z-index属性，它将标题放在前面大约2秒钟，这很可能与自动加载下一幅图像有关。 Begginer在这里，所以非常感谢您的帮助。：-

代码如下：

$document.readyfunction { $showcase.awShowcase { 内容宽度：700， 内容和高度：470， fit_to_parent:false， 是的， 间隔时间：3000， 连续：假， 加载：对， 工具提示\u宽度：200， 工具提示图标宽度：32， 工具提示图标高度：32， 工具提示_offsetx:18， 工具提示_偏移类型：0， 箭头：是的， 按钮：是的， btn_数字：正确， keybord_keys：没错， 捕鼠器：false，/*跟踪鼠标的x和y坐标*/ pauseonover:没错， stoponclick:false， 过渡：'hslide'，/*hslide/vslide/fade*/ 转换延迟：0， 转换速度：500， 显示标题：'onload'，/*onload/onhover/show*/ 缩略图：错误， 缩略图位置：'outside-last'，/*outside-last/outside-first/inside-last/inside-first*/ 缩略图方向：'垂直'，/*垂直/水平*/ 缩略图\u slidex:1，/*0=自动/1=滑动一个缩略图/2=滑动两个缩略图/等等*/ dynamic_height:false，/*要在webkit中使用dynamic height，您需要设置源中图像的宽度和高度。通常仅用于设置showcase中第一张幻灯片的尺寸*/ speed_change:true，/*设置为true可防止用户一次切换多张幻灯片*/ viewline:false，/*如果设置为true content\u width，缩略图、过渡和动态高度将被禁用。至于动态高度，您需要设置源中图像的宽度和高度*/ 自定义函数：null/*定义在内容更改时运行的自定义函数*/ }; }; .标题续{ 位置：固定； 顶部：0px； 宽度：100% z指数：100； } .标题{ 高度：250px； 宽度：100%； 背景：url../images/banner1.png； 背景重复：无重复； 保证金：0px自动； 不透明度：0.8； 过滤器：alphaopacity=80； -moz不透明度：0.8； -khtml不透明度：0.8； 位置：固定； 左：0%； -网络工具包盒阴影：0px 3px 5px RGBA100100100,0.49； -moz盒阴影：0px 3px 5px RGBA100100100,0.49； 盒影：0px 3px 5px RGBA100100100,0.49； 文本对齐：居中； z指数：100； } 身体 { 字体系列：Arial； 字体大小：20px； 线高：1.5； 边缘顶部：20px； 边缘底部：30px； } A. { 颜色：ff377c； } P { 边缘底部：10px； } h1 { 字体大小：20px； 边缘底部：5px； 字体大小：粗体； } 氢 { 字体大小：16px； 边缘底部：5px； 字体大小：粗体； } 菜单 { 边缘底部：40px； 文本对齐：居中； 颜色：999； } .菜单a { 颜色：999； } .菜单a.激活 { 字体大小：粗体； } /*展示 -------*/ 一页按钮。查看幻灯片 { 显示：无； } /*加载showcase后，将删除此类*/ /*指定正确的showcase高度，以防止在IE中加载跳跃*/ .陈列柜数量 { 高度：470px；/*与showcase javascript选项相同*/ 溢出：隐藏； } /*内容显示为一页时的容器*/ .展示一页 { /**/ } /*在滑块中显示内容时的容器*/ 玻璃陈列柜 { 位置：相对位置； 顶部：400px； 保证金：自动； z指数：0； } .showcase内容容器 { 背景色：000； z指数：0； } /*导航箭头*/ .showcase arrow上一个、.showcase arrow下一个 { 位置：绝对位置； 背景：url'../images/arrows.png'； 宽度：33px； 高度：33像素； 顶部：220px； 光标：指针； } .showcase arrow上一页 { 左：-60px； } .上一个箭头：悬停 { 背景位置：0px-34px； } .下一步 { 右：-56px； 背景位置：-34px 0； } .显示箭头下一步：悬停 { 背景位置：-34px-34px； } /*内容*/ .展示内容 { 背景色：000； 文本对齐：居中； z指数：0； } .showcase内容包装器 { 文本对齐：居中； 高度：470px； 宽度：700px； 显示：表格单元格； 垂直对齐：中间对齐； z指数：0； } /*设置工具提示的样式*/ .展示加锚 { 背景图片：url'../images/plus.png'； 背景重复：无重复； } .showcase plus anchor:悬停 { 背景位置：-32px0； } div.showcase-tooltip { 背景色：fff； 颜色：000； 文本对齐：左对齐； 填充：5px 8px； 背景图像：url../images/white-opacity-80.png； } /*设置标题的样式*/ .展示说明 { 颜色：000； 填充：8px 15px； 文本对齐：左对齐； 位置：绝对位置； 底部：10px；左侧：10px；右侧：10px； 显示：无； 背景图像：url../images/wh ite-opacity-80.png； } .showcase onepage.showcase内容 { 边缘底部：10px； } /*纽扣包装*/ .showcase按钮包装 { 明确：两者皆有； 边缘顶部：10px； 文本对齐：居中； } .showcase按钮包装跨距 { 右边距：3倍； 填充：2px 5px 0px 5px； 光标：指针； 字体大小：12px； 颜色：4444； } .showcase按钮包装span.active { 颜色：fff； } /*缩略图*/ .showcase缩略图容器/*用于背景，无其他样式*/ { 背景色：000； } .showcase缩略图包装器 { 溢出：隐藏； } .展示缩略图 { 宽度：120px； 高度：90px； 光标：指针； 边框：实心1px333； 位置：相对位置； } .showcase缩略图标题 { 位置：绝对位置； 底部：2px； 左侧填充：10px； 垫底：5px； } .展示缩略图内容 { 填充：10px； 文本对齐：居中； 填充顶部：25px； } .展示缩图封面 { 背景图像：url../images/black-opacity-40.png； 位置：绝对位置； 顶部：0；底部：0；左侧：0；右侧：0； } .showcase缩略图：悬停 { 边框：实心1px999； } .showcase缩略图：悬停。showcase缩略图封面 { 显示：无； } .showcase-thumbnail.active { 边框：实心1px999； } .showcase-thumbnail.active.showcase缩略图封面 { 显示：无； } .水平显示缩略图包装 { 填充：10px； } .showcase缩略图包装器水平。showcase缩略图 { 右边距：10px； 宽度：116px； } .showcase缩略图包装器垂直 { 填充：10px； } .showcase缩略图包装器垂直。showcase缩略图 { 边缘底部：10px； } .向后显示缩略图按钮， .向前显示缩略图按钮 { 填充：7px； 光标：指针； } .向后显示缩略图按钮 { 垫底：0px； 右边填充：0px； } .向后显示缩略图按钮。垂直显示缩略图， .向前显示缩略图按钮。垂直显示缩略图， .向前显示缩略图按钮。水平显示缩略图， .向后显示缩略图按钮.水平显示缩略图 { 背景图像：url../images/arrows-small.png； 背景重复：无重复； 显示：块； 宽度：17px； 高度：17px； } .向后显示缩略图按钮.垂直显示缩略图 { 背景位置：0-51px； 左边距：55像素； } .showcase缩略图按钮向后：悬停。showcase缩略图垂直 { 背景位置：-17px-51px； } .向前显示缩略图按钮.垂直显示缩略图 { 背景位置：0-34px； 左边距：55像素； } .向前显示缩略图按钮：悬停。垂直显示缩略图 { 背景位置：-17px-34px； } .向后显示缩略图按钮.水平显示缩略图 { 背景位置：0-17px； 边缘顶端：40px； 边缘底部：40px； } .showcase缩略图按钮向后：悬停。showcase缩略图水平 { 背景位置：-17px-17px； } .向前显示缩略图按钮。水平显示缩略图 { 背景位置：0； 边缘顶端：40px； 边缘底部：40px； } .向前显示缩略图按钮：悬停。水平显示缩略图 { 背景位置：-17px 0； } /*隐藏按钮文本*/ .显示缩略图按钮前跨， .showcase缩略图按钮向后跨距 { 显示：无； } 清楚的 { 明确：两者皆有； 显示：块； 溢出：隐藏； 可见性：隐藏； 宽度：0； 身高：0； 浮动：无； } 临床医生|计划|马尔卡科斯|乌尔格尼亚 开始 创造力 逻辑

它是一只会飞的黄蜂。 简单 埃利凡特医院

---

看一看，那里有一个固定的标题。您的问题是滚动条也跨越了标题。请查看此查询插件，它允许您通过使用查询计算标题，将标题保持在z索引堆栈的最顶端。