JavaScript库故障（层？？）

希望有人能帮助我，我有一个

index.php

设置，在头部我有一个sideshow脚本集，它在所有页面上运行，然后在

portfolio.html

（调用该页面时加载在

index.php

文件中）我有一个库脚本。 我的问题是，当我点击画廊图片时，它会打开，但在这个“标题画廊”后面

问题所在的图像：

---

@pjumble想要更改z索引是正确的。您遇到的问题可能与CSS选择器优先级有关

定义CSS格式时，您可以用3种基本方式编写选择器语句，并根据需要混合和匹配这些方式，以获得高级选择器定义。以下是三种基本方法

一,

这个班看起来像这样

.class1
{
 color:blue;
 font-size: 24px;
 background-color:red;
}

 #id1
{
 color:yellow;
 font-size: 12px;
}

Div
{
 color:green;
}

这是最低优先级

二,

身份证看起来像这样

.class1
{
 color:blue;
 font-size: 24px;
 background-color:red;
}

 #id1
{
 color:yellow;
 font-size: 12px;
}

Div
{
 color:green;
}

这是中等优先级

三,。 Tag看起来像这样

.class1
{
 color:blue;
 font-size: 24px;
 background-color:red;
}

 #id1
{
 color:yellow;
 font-size: 12px;
}

Div
{
 color:green;
}

这一个得到最高优先级。对我来说，这似乎总是违反直觉的。如果我定义和ID级别的格式，您认为它比该标记名的格式具有优先级，但事实并非如此

下面是我所说的一个例子

对于这样的元素

<Div id="id1" class="class1">
Text
</div>

文本

这里的“文本”将有一个红色背景，因为“class1”是唯一有背景颜色的定义

但“id1”和“class1”都有字体大小的定义，因此类定义被忽略，id定义用于生成“文本”12px

然后，所有三个定义都定义了“颜色”，优胜者是“Div”，使“Text”变为绿色

所以当你这样写你的设置时

#lightbox的z索引为100，.gallerylayer的z索引为1000

您的想法是正确的，但您对“.gallerylayer”的定义是一个类，如果该代码段的标记或id已定义

z-index

，则您的

z-index=1000的类定义将被忽略

为了确保不忽略这些定义，我将给出包含
class='gallerylayer'
的标记，并添加一个
id='somethingUnique'
属性，并使用该属性定义z-index规则

但是检查这一点的最好方法是将Firefox与附加组件一起使用，并使用元素选择工具查看在页面上应用了哪些样式，哪些样式开始被忽略

有关选择器的更多信息，请尝试查看，它将提供您所需的所有文档

希望这有帮助。
淡入淡出幻灯片脚本将
.gallerylayer
的z索引设置为高于lightbox。最简单的（虽然不一定是最好的）修复方法是将lightbox z-index设置得更高，
#lightbox{z-index:2000}
@pjumble我已经更改了viaallightbox.css中的z-index值，但似乎什么都不起作用，然后我将fadeslideshow.js改为1，效果很好，谢谢你的帮助！！！在你的网站上，
visuallightbox.css
给出了
#lightbox
100的
z索引，
。gallerylayer
的z索引为1000。