javascript - 清除 Android 浏览器上的伪元素

标签 javascript css webkit android-browser

我在触摸/单击时向 div 添加了一个深色阴影(作为之前的元素),并在效果完成后将其删除。

第一次点击似乎没问题,但在随后的点击中,效果变得越来越暗(直到完全变黑)。

好像有多层之前的

目前我找到的唯一解决方案是将 div 的显示属性设置为“显示: 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;
}

谢谢!

最佳答案

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

关于javascript - 清除 Android 浏览器上的伪元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13131757/

相关文章:

html - 更改 div :before on mouse over another div is not working 的内容

Android CSS webkit 没有排列元素

javascript - 在javascript中单击按钮时添加声音

javascript - PHP 页面中的 JQuery

javascript - 如何打乱不同部分标签的垂直顺序?

javascript - 如何使用 angularjs 添加 google webkit

swift - 单元测试 WKNavigationDelegate 函数

javascript - jquery-1.8.2.min.js 禁用下拉菜单

html - 表格行后的CSS三 Angular 形

css - 为什么浏览器 devtools 中计算的字体大小与我的样式表值不同?