Question

希望有人可以帮助我，我有一个index.php设置，并且在头部我有一个sideshow脚本集，它在所有页面上运行，然后在portfolio.html（在{{1}内加载调用该页面时的文件）我有一个库脚本。我的问题是当我点击它打开的图库图像但在这个“标题库”后面......

问题是什么的图像：

Answer 1

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

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

1

Class's看起来像这样。

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

这是最低优先级

2

ID看起来像这样。

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

这是中等优先级

3。标签看起来像这样。

Div
{
 color:green;
}

这个优先级最高。这对我来说似乎总是很直观。如果我定义和ID级别格式，您认为优先于该标记名称但不支持。

以下是我正在谈论的内容和示例。

所以对于像这样的元素

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

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

但是“id1”和“class1”都有font-size的定义，因此忽略了类定义，并使用id为“Text”12px。

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

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

#lightbox z-index为100，.gallerylayer的z-index为1000

您有正确的想法，但您对“.gallerylayer”的定义是一个类，如果该部分代码的标记或ID已定义z-index，则您的z-index = 1000;类定义将被忽略

只是为了确保定义不被忽略我会在其中添加class='gallerylayer'标记并添加id='somethingUnique'属性并使用它来定义z-index规则。

但检查此问题的最佳方法是使用带有Firebug插件的Firefox，并使用元素选择工具查看正在应用的样式以及在页面上开始忽略的样式。

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

希望这会有所帮助。