html - 响应链接

Question

我在 this page 上有一个链接它不适用于桌面 View ，但适用于移动设备。是否有某种响应性问题会阻止它工作？

我应用了 CSS:

a:hover[href="https://
adsler.co.uk"] {color:red 
!important;} 
a:active[href="https://
adsler.co.uk"] {color:red}

html 是:

<div class="designn"><a  
href="https://adsler.co.uk">
design</a></div>

Answer 1

类“e”的 z-index 为 3 ，这会阻止链接点击它。要解决此问题，请将 z-index:4 赋给“designn”类

.designn {
    color: black;
    font-size: 16px;
    position: relative;
    bottom: 350px;
    left: 38px;
    font-weight: bolder;
    z-index: 4; /* added newly */
}