我正在使用一个伪元素在div上创建辉光效果(box-shadow(。
"；背景"；发光div下面的div是position:fixed。当我将较低的/bg-div作为position:absolute时，一切看起来都很好。
但当它是position:fixed(我需要它(时，Safari会以低得多的不透明度显示框阴影。火狐浏览器/Chrome浏览器都不错。
你知道如何用Safari解决这个问题吗？
body {
background-color: #39f;
}
#mybackground {
z-index: -15;
width: 100%;
top: 0;
bottom: 0;
position: fixed;
/* With position:absolute, it's good, but position:fixed makes the box-shadow below very light */
background-image: url("image.png");
background-size: 100% 100%;
}
#mytext {
position: relative;
width: 150px;
margin: 50px auto;
}
#mytext:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: -10;
box-shadow: 0 0 25px 25px #060;
-webkit-box-shadow: 0 0 25px 25px #060;
}<body>
<div id="mybackground"></div>
<div id="mytext">This is a test</div>
</body>根据safari版本，它取决于.
如果safari 3.1-4
前缀为-webkit-的部分支持
-webkit-box-shadow: 0 0 25px 25px #060;
如果safari 5
支持前缀为-webkit-的
-webkit-box-shadow: 0 0 25px 25px #060;
如果safari 5.1-14
box-shadow: 0 0 25px 25px #060;
如需进一步解释，请遵循以下内容https://caniuse.com/css-boxshadow