2

我想点击一个 :before div。这是我的代码：

/*CSS*/
#main {
    float:left;
    width:calc(70% - 4px);
    border-width: 4px;
    border-color: black;
    border-style: solid;
    position:relative;
    text-align:center;
    left:calc(15% - 4.5px);
    margin-top:40px;
}

#main:before {
    content:"";
    display:block;
    position:absolute;
    z-index:1;
    top:-3px;
    left:-3px;
    right:-3px;
    bottom:-3px;
    border-width: 3px;
    border-color: black;
    border-style: solid;
    pointer-events: none;
}

 

<!--html-->     
<div id="main">
    <h3>Inhoudsopgave (sitemap)</h3>
        <ul style="text-align:left;">
            <li><a href="home.html">Home</a></li>
            <li><a href="inhoudsopgave.html">Inhoudsopgave</a></li>
            <li><a href="interviews.html">Interviews</a>
        <ul>
            <li>FC Den Bosch</li>
        </ul>
        </li>
              <li>Resultaten</li>
              <li>Conclusie</li>
        </ul>
</div>

如您所见，div中有多个链接，但由于css文件中的:before，我无法单击它。如您所见，我尝试了指针事件，但这没有帮助。

我需要 :before div （据我所知），因为我想制作双线边框。#main 上的边框比 :before 上的边框略大，这使其成为双线边框。

4

0 回答 0