javascript - 隐藏叠加层上的黄点

Question

当我单击时，模态的链接打开，但是当模态打开时，有黑色背景色。与此同时，还会出现黄点。我不希望在叠加层上显示黄点。

http://jsfiddle.net/y88WX/18/embedded/result/

<nav class="da-dots"><span></span><span></span><span></span></nav>

.da-dots {
width: 100%;
position: absolute;
text-align: center;
left: 0px;
bottom: 20px;
z-index: 2000;
-moz-user-select: none;
-webkit-user-select: none;
}

Answer 1

将 .da-dots 的 z-index 从 2000 更改为 100（或您喜欢的某个值，但它应该低于图层的值）

该规则在 style2.css 中定义。
建议：您应该修改 style2.css 文件中的 z-index。

.da-dots {
    -moz-user-select: none;
    bottom: 20px;
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 2000; /* change to 100 */
}

如果您无法编辑 style2.css，您可以在正文中定义它

<style>
.da-dots { 
    z-index: 100 !important; 
    /* You can remove !important if you able to edit style2.css*/
}
</style>

http://jsfiddle.net/y88WX/21/embedded/result/