Overlay Shadow over an DIV image button

Sites

Language

By John Smith

16 May 2016 05:19 English 1 Replies

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 ?

Responses

1 Replies

SRPOL Wearables

16 May 2016 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)