html - 背景图像的 Z 索引

Question

在此站点上:http://www.effic.be/wordpress/

我有一个指向主页上第一个小部件的箭头。

这是代码:

<强>1。 HTML

<div class="home-full">
    <div class="home-top">
        <div class="site-inner">
            <div class="wrap">
                <div class="home-bottom">
                    <section id="featured-page-advanced-2">Widget 1 content</section>
                    <section id="featured-page-advanced-3">Widget 2 content</section>
                    <section id="featured-page-advanced-4">Widget 3 content</section>
                </div>
            </div>
        </div>
    </div>
</div>

<强>2。 CSS

.home-full {
    background-image: url(/wordpress/wp-content/themes/enterprise-pro/images/arrow.png);
    background-position: 36% 47%;
    background-repeat: no-repeat;
}

.site-inner {
    position: relative;
    z-index: -999999;
}

.home-bottom {
    position: relative;
    z-index: 999999;
}

我需要箭头按现在的样子显示。它从“主页顶部”div 开始，指向“featured-page-advanced-2”部分。这就是我添加带有箭头背景的“home full”div 的原因。

我的问题:我的小部件(标题和按钮)不再可点击。 z-index 使“home-full”div 位于前面。

有办法解决吗？我花了整个下午:)

谢谢!史蒂芬

Answer 1

我无法通过 fiddle 完成，所以我使用 firebug 进行了这些更改，这与我上面提到的相同，箭头显示请通过它，也许您错过了一些东西，请叫我 Ameen :)