清除Android浏览器上的伪元素

时间:2012-10-30 00:50:57

标签: javascript css css3 webkit android-browser

我在触摸/点击时将div(作为前一个元素)添加到div中并在效果完成后将其删除。

首次点击似乎很好,但在随后的点击中,效果会变得更暗和更暗(直到它变成黑色)。

好像前面有多层

我到目前为止找到的唯一解决方案是将div的显示属性设置为“display:block”,但这需要我做一些布局返工。还有其他建议吗?

以下是我用来设置突出显示的课程

.myDivCls:before
{
background-repeat: no-repeat;
background-size: 100% 100%;
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -1;
opacity: .3;
background-color: rgb(0,0,0);
}

她就是那个删除它的人:

.noEffectCls:before {
content: '';
background-color: transparent;
background-image: none;
position: static;
border-radius: 0;
background-size: auto auto;
background-repeat: repeat;
background-position: 0% 0%;
-webkit-background-size: auto auto;
}

谢谢!

1 个答案:

答案 0 :(得分:0)

您是否尝试在.Effects:before元素上使用背景速记属性并将其设置为透明?