Overlay Shadow over an DIV image button

Sites

Language

由 John Smith

2016年 05月 16日 05:19 English(英语) 1 回复

I have an image button defined as DIV with background image:

.buttonDIV 
{
 width: 100px;
 height: 50px;
 background: url("../img/bulbButton.png");
 z-index: 0;
 position: absolute;
 visibility: visible
}

Which gives me my button:

But when I tap it in my application I got a strange shadow over it, like this:

But it should be still:

Any ideas how to elimiate this ?

响应

1 回复

SRPOL Wearables

2016年 05月 16日 05:23

try to add following line into your CSS file:

html
{
  -webkit-tap-highlight-color:transparent;
}

if it wont help, try to additionally put:

user-select: none;

property to your buttonDIV definition in CSS (below visibility proprty)