CODEWITHSUNDEEP
androidcsscordova
Mark
Mark

Reputation: 5088

box shadow not working in Android

Im trying to set box-shadow on a div. I have:

  -webkit-box-shadow: inset 0 0 0 5px rgba(215, 40, 40, 0.9);
  -moz-box-shadow: inset 0 0 0 5px rgba(215, 40, 40, 0.9);
  box-shadow: inset 0 0 0 5px rgba(215, 40, 40, 0.9);

This works fine on a desktop browser. But when I run the app through Phonegap in Android 4.3, nothing is rendered. What am I doing wrong?

Upvotes: 1

Views: 2938

Answers (2)

Marcin Mikołajczyk
Marcin Mikołajczyk

Reputation: 731

small offtop: box-shadow has very poor performance when theres more items with it (at least on android). I've been optimising css once for phonegap app and removing it had made great difference.

Upvotes: 1

hchr
hchr

Reputation: 317

It seems that Android Browser does not support the "inset", try to omit it.

Android Browser refers to missing "inset" and blur radius value support.

from http://caniuse.com/css-boxshadow

Upvotes: 0

Related Questions