Fancybox在页面上隐藏了一些元素

Question

在我的网站上，我点击了一些使用FancyBox打开某个页面的元素，然后这个动作隐藏了我的徽标，我不知道为什么......

可以在这里看到：http://notoriaclub.com.br/?sim（点击DJS，然后点击DJ Photo）。

这是我的LOGO代码：

<div id="logo">
    <div class="logo">
        <a href="index.html">Notória Club</a>
    </div>
</div>

用这个css：

#logo{
    width: 990px;
    position: relative;
    margin: 0 auto;
}
.logo{
    position: absolute;
    top:17px;
    left: 23px;
    width: 214px;
    height: 165px;
    z-index: 99;
}
.logo a{
    display: block;
    text-indent: -9999px;
    width: 214px;
    height: 165px;
    background:url(../imagens/logo_notoria.png) no-repeat;
}

我的fancyBox设置：

$(".various").fancybox({
                maxWidth    : 800,
                maxHeight   : 600,
                fitToView   : false,
                width       : '500px',
                height      : '250px',
                autoSize    : false,
                closeClick  : false,
                openEffect  : 'none',
                closeEffect : 'none'
            });

Answer 1

正在进行什么

#logo的高度为0。出于某种原因，单击精美框会导致它也应用{​​{1}}。有几种方法可以解决这个问题。我们可以将高度应用于overflow:hidden;，但是我们必须知道高度，如果您更改徽标，则还需要更改一下。更简单的方法是将#logo更改为.logo而不是position:relative。

代码

更改：

position:absolute

要：

.logo{
    position: absolute;
    top:17px;
    left: 23px;
    width: 214px;
    height: 165px;
    z-index: 99;
}