本文探讨了CSS属性box-shadow在不同浏览器上的表现差异，特别是在谷歌、火狐和IE浏览器中，垂直与水平偏移量对阴影效果的影响。通过实验发现，当水平偏移量为0时，各浏览器对阴影的显示效果不一，而垂直偏移量的存在则能确保一致的显示效果。
box-shadow: 0px 0px 1px rgba(11, 1, 1, 0.4)
如果使用 rgb 并且水平处置的数值都是0 模糊距离是1 的情况 只有在谷歌浏览器上有反应
如果rgb 换成 16进制颜色码 0px 0px 1px black 谷歌 火狐浏览器上面正常 但是边框的宽度不一样 火狐的浅一些 谷歌的深一些 ie上没有反应
box-shadow: 0px 1px 1px rgba(11, 1, 1, 0.4) 如果垂直偏移量有值的情况下 无论是rgb 还是 16进制 都是正常的
所以使用box-shadow 来设置边框的话 垂直水平的偏移量最好是有值
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
