具有功能锚点的背景z-index

时间:2017-03-23 08:29:32

标签: anchor z-index

所以我得到了这段代码:

<div style="position:fixed;left:0;top:65px;border:1px solid blue;background-color:#D5BF9D;width:190px;z-index:-1">
        <h1>title</h1>
        <nav><ul>
            <li><a href="#apples">Apple</a></li>
            <li><a href="#s">s</a></li>
        </ul></nav>
    </div>
    <div class="italic" style="border:1px solid red;z-index:99;background-color:white">Pack my box with five dozen liquor jugs.</div>

除了链接不再起作用外,它起作用,因为z-index是-1。有没有办法保持外观但为链接提供功能?我尝试使当前的链接div透明,z-index为0,并在其后面添加另一个div,并使用所需的颜色,但没有去。有任何想法吗。提前谢谢。

1 个答案:

答案 0 :(得分:0)

var date1 = moment(string1, format1, true);
var date2 = moment(string2, format2, true);
if (date1.diff(date2) === 0) {
    // equal
} else {
    // not equal
}

我最终做了以上事情。创建一个空的div,其中z-index:-1在主要部分之外,具有所需的背景。然后使主要部分为background-color:transparent。