JavaScript Gallery 故障(图层？？)

Question

希望有人能帮助我，我有一个 index.php 设置，在头部我有一个 sideshow 脚本集，它在所有页面上运行，然后在 portfolio.html 中运行 (在调用该页面时加载到 index.php 文件中)我有一个图库脚本。我的问题是当我点击它打开的画廊图片时，但在这个“标题画廊”后面......

问题的图片:

Answer 1

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

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

1.

Class 看起来像这样。

.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”都有字体大小的定义，所以类定义被忽略并且使用 id 使“Text”为 12px。

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

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

#lightbox a z-index of 100, .gallerylayer has a z-index of 1000

你的想法是对的，但是你对“.gallerylayer”的定义是一个类，如果那段代码的标签或id定义了z-index，你的类定义 z-index = 1000; 将被忽略。

只是为了确保定义不被忽略，我会给出包含 class='gallerylayer' 的标签并添加一个 id='somethingUnique' 属性和使用它来定义 z-index 规则。

但是最好的检查方法是使用带有 Firebug 的 Firefox附加组件并使用元素选择工具查看正在应用的样式以及在页面上开始忽略的样式。

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

希望这对您有所帮助。