时间戳

首页 > 解决方案 > 为什么我在浏览器中得到不同的 boxShadow 值？

javascript - 为什么我在浏览器中得到不同的 boxShadow 值？

问题描述

我需要boxShadow动态操作，但是我会根据浏览器获得不同的值。
我如何解决它？

例子：

var shadow = document.getElementById("demo").style.boxShadow;

在谷歌浏览器中：box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 150px 0px inset;

在 Mozilla 中：box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 150px 0px inset;

但在边缘我得到 rgb 并在不同的位置插入：box-shadow: inset 0px 0px 150px 0px rgba(0,0,0,0.5)

我没有在 safari 上尝试过

有没有办法解决这个问题？我需要所有浏览器中的代码 boxShadow 相同。

标签： javascriptcssreturn-valuebox-shadow

解决方案

推荐阅读