CSS渐变过程中慎用box-shadow,Chrome中可能带来界面上的杂质,如下图:

CSS渐变过程中慎用box-shadow带来界面上的杂质

白色的界面上出现了很多灰色的横线,而且是横穿整个屏幕。用元素选择器无法找出它们是属于哪一个元素的。经过多番尝试之后,发现它们是来自我的顶部导航条的box-shadow。当把box-shadow样式去掉之后,就不会在出现这种情况。

具体的重现在这里,Chrome打开。当box-shadow生效后,元素的bottom位置发生了变化,导致变化过程中所经过的地方留下了shadow的阴影。

2017-02-15 21:45:04