如何解决我应该在 CSS 中使用 -webkit-box-shadow 还是只使用 box-shadow?
我注意到 Google 没有在 CSS 中添加 -webkit-box-shadow
,例如:
这是该元素的 CSS:
.RNNXgb {
background: #fff;
display: flex;
border: 1px solid transparent;
box-shadow: 0 2px 5px 1px rgb(64 60 67 / 16%);
height: 39px;
width: 690px;
border-radius: 24px;
z-index: 3;
height: 44px;
margin: 0 auto;
}
我不确定是否应该在我的方框阴影中包含 -webkit-box-shadow
?所以我应该使用:
.my-container {
-webkit-box-shadow: 0 2px 5px 1px rgb(64 60 67 / 16%);
box-shadow: 0 2px 5px 1px rgb(64 60 67 / 16%);
}
或者我应该使用:
.my-container {
box-shadow: 0 2px 5px 1px rgb(64 60 67 / 16%);
}
解决方法
-webkit-box-shadow 适用于过时的浏览器。 box-shadow 适用于几乎所有现代浏览器。但是由于您不知道哪个浏览器会访问您的网站。两者一起使用总是安全的。不会有问题的。
,-webkit
、moz
等是用于为您想要支持的浏览器设计网站样式的前缀。现在大多数现代浏览器都支持 -webkit
和无前缀样式。因此,您可以选择要使用的那个。如果您想支持非常旧版本的 Google Chrome,您应该使用 -webkit
;以及无前缀样式,以便它也支持新的浏览器。
所以为了方便起见,请使用普通的 box-shadow
,因为现在所有浏览器都支持它。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。