清除Android瀏覽器中的僞元素

我在觸摸/單擊時向div添加了陰影（作爲before元素）並在完成效果後將其刪除。清除Android瀏覽器中的僞元素

第一次點擊看起來很好，但隨後的點擊效果變得越來越暗（直到它變成黑色）。

這是因爲如果有之前的

我發現它迄今設置div的顯示屬性作爲唯一的解決方案的多層次「顯示：塊」，但是這需要我做一些佈局返工。還有其他建議嗎？

這裏是一流的，我使用設定高

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

謝謝！

來源

2012-10-30 Jamil

你嘗試過'display：inline-block'嗎？ – Giona

謝謝@GionaF。我試圖避免不得不改變顯示屬性。是目前設置爲表格，任何變化將意味着我將不得不重構我的CSS – Jamil

您是否嘗試過使用.noEffectCls：之前元素的背景速記屬性並將其設置爲透明？

來源

2013-02-11 21:10:43 BraMKJ

清除Android瀏覽器中的僞元素

回答

相關問題