个人中心
gpt4 book ai didi

html - 为什么 Safari 不显示某些框阴影？

转载 作者：行者123 更新时间：2023-11-28 01:31:24 28 4
gpt4 key购买 nike

带有小数点的框阴影有时无法在 Safari 中显示？

我该如何解决？

这是一个代码示例。

div {
  width: 200px;
  height: 200px;
  box-shadow: 0px 0.0351725rem 0.0351725rem 0px, 0px 0px 0px 0.0175862rem;
}
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>
  <div></div>
</body>
</html>

最佳答案

首先，我不知道在小数点后使用这么多数字是否是一个好习惯。但是你做你需要做的。

关于你的问题。

尝试添加另一个带有前缀 -webkit- 的 box-shadow 属性。它应该是这样的:

-webkit-box-shadow: 0px 0.0351725rem 0.0351725rem 0px, 0px 0px 0px 0.0175862rem;

更多关于 MDN web docs 中的前缀

关于html - 为什么 Safari 不显示某些框阴影？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/50935471/

28 4 0
文章推荐： css -
元素的 和

之间的空格/边距
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com