Webview Box-Shadow 渲染问题答案

【问题标题】：Webview Box-Shadow rendering issueWebview Box-Shadow 渲染问题
【发布时间】：2018-06-06 04:35:19
【问题描述】：

我的 android 应用程序中有一个简单的标准 webview，当加载网站时，box-shadows 没有出现。它只显示没有 box-shadow 的所有元素。但是，android chrome 浏览器显示所有框阴影都没有问题。

下面我附上了我的 webview 和 android chrome 浏览器的两个屏幕截图，显示地图框阴影在 chrome 中完美呈现。

亲切的问候拉敏

【问题讨论】：

【解决方案1】：

你能附上一张图片，以便我给你一个更好的答案。

我猜由于 API 级别较低，阴影没有形成。您至少应该使用 Android lollipop 来获得阴影效果。

【讨论】：

您好 Vishal，我将 minSdkVersion 更新为 21 并没有解决问题。我也附上了上面的图片供您参考。
如果我没记错的话，您正在尝试在地图中实现阴影。然后，我有一个建议。请使用卡片视图为您的 webview 获取阴影。这将非常容易使用。还可以在 cardview 的布局高度和宽度中使用 wrap content 以使其完美运行。请告诉我会发生什么
嗨 Vishal，如果您打算将 webview 包装在 cardview 中，那么我做了但没有解决问题。
对不起，我的错误。我认为地图框只是 webview，其余项目是 Android 按钮和文本。现在一切都清楚了。现在我明白你实际上想说什么了。看，如果某个功能在 chrome 中有效而在 webview 中无效，那么它完全取决于网站代码的编写方式。无法通过在 Android 中编写代码来解决。最主要的是，至少它在那里正确显示。我希望我已经消除了困惑。如果我的回答对你有帮助，请批准:)
对不起，我不明白你的意思。如果 android chrome 浏览器显示正常而 webveiw 不是那么它是网站编码问题？我认为情况并非如此......

【解决方案2】：

根据https://developer.mozilla.org/zh-CN/docs/Web/CSS/box-shadow，Android Webview 对inset 的支持是通过供应商前缀实现的：-webkit-

所以我猜你需要使用-webkit-box-shadow。

【讨论】：