盒子阴影在Android中不起作用答案

【问题标题】：box shadow not working in Android盒子阴影在Android中不起作用
【发布时间】：2014-08-12 11:44:44
【问题描述】：

我试图在 div 上设置 box-shadow。我有：

  -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);

这在桌面浏览器上运行良好。但是当我在 Android 4.3 中通过 Phonegap 运行该应用程序时，什么都没有呈现。我做错了什么？

【问题讨论】：

只有 android 2.3 需要 -webkit 前缀。试试看。
我有 -webkit 前缀...
哦，我想说没有它，对不起
检查这个答案：stackoverflow.com/questions/11242787/…

标签： android css cordova

【解决方案1】：

small offtop：box-shadow 在有更多项目时性能很差（至少在 android 上）。我一直在为 phonegap 应用程序优化 css 并删除它有很大的不同。

【讨论】：

【解决方案2】：

Android浏览器好像不支持“inset”，尽量省略。

Android 浏览器指缺少“插入”和模糊半径值支持。

来自http://caniuse.com/css-boxshadow

【讨论】：