使用jQuery ColorBox发布关于21个11 WordPress主题的z索引

Question

在http://allmyzip.com/colorbox1/上有一个简单的图片库，带有Wordpress的jQuery Colorbox/Lightbox插件，当点击其中一个缩略图时，它会打开一个自动运行的500x500图像的幻灯片。

该网站使用的是Wordpress 3.3.1和标准的、未经修改的Twenty 1.3主题，该主题默认包含在新的Wordpress安装中。在IE 9、Firefox 10和Chrome 16中，所有三种浏览器都在标题/导航栏后面显示幻灯片图像。

我对此研究了很多小时，但找不到要更改的内容和/或在哪里可以更正此问题。我创建了一个简单的子主题，尝试测试下面显示的style.css部分中对z索引值的某些更改，正如一些研究建议所建议的那样，但是将此处的z索引值更改为2、999或99999仍然不能正确显示幻灯片中的图像。因此，运行该站点的所有CSS都是100%标准的、开箱即用的Twenty代码。

子主题中的简单代码仅限于您在下面看到的内容:目前没有对标准代码进行更改。下面显示的是我尝试了之前的一些编辑，然后将设置恢复为标准设置的地方：

`@import url("../twentyeleven/style.css")；

#branding {边框-顶部: 2px实体#bbb；padding-bottom: 10px;位置:相对；z-index: 9999; }

有什么需要编辑的细节吗?在哪里？？

非常感谢！

Answer 1

header id=branding的z索引为9999，与lightbox相同，因此我预计会发生冲突。

将其更改为5000或其他值，我在firebug中看到它可以解决问题。

Answer 2

在我看来

.cboxPhoto {
float: left;
margin: auto;
border: 0;
display: block;
border-image: initial;
}

可能需要包括

position:absolute;
z-index:20;