gpt4 book ai didi

html - Chrome 和 Firefox 中相同框阴影大小的不同输出

转载 作者:太空狗 更新时间:2023-10-29 13:14:01 24 4
gpt4 key购买 nike

为什么 Chrome 和 Firefox 中 box-shadow 的大小不同?

box-shadow: 0 0 4px #aaa inset;

Chrome:
enter image description here

火狐:
enter image description here

我已经尝试了以下方法,但它在最新的 Firefox 中不起作用。

-moz-box-shadow: 0 0 2px #aaa inset;
-webkit-box-shadow: 0 0 4px #aaa inset;

我怎样才能拥有相同大小的跨浏览器框阴影?

最佳答案

w3schools says there are 6 values to box shadow :

box-shadow: h-shadow v-shadow blur spread color inset;

模糊和扩展是可选的,我的猜测是因为您只在颜色之前定义了三个值,所以这两种浏览器的解释不同。

我让它们看起来(至少在我看来)与 js fiddle 上的以下内容相同:

-moz-box-shadow: 0px 0px 3px 0px #aaa inset;
-webkit-box-shadow: 0px 0px 5px 0px #aaa inset;

希望对你有帮助

关于html - Chrome 和 Firefox 中相同框阴影大小的不同输出,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11167516/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com