隐藏叠加层上的黄点

时间:2013-02-27 18:43:26

标签: javascript jquery html css css3

当我点击时,模态打开的链接,但是当模态打开时,会出现黑色背景颜色。除此之外,还出现黄点。我不希望黄色圆点显示在叠加层上。

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;
}

1 个答案:

答案 0 :(得分: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/