奇怪的阴影框随机出现 - CSS错误？

Question

在this website上，在Chrome上，当鼠标悬停或点击＆＃34;探索＆＃34;按钮，我在随机的地方弹出很多奇怪的阴影框。这可能是什么？我已经检查了这些元素，但看起来它们中的任何一个都不会造成这些因素。

以下截图：

Answer 1

在你的样式表中，我看到了一些盒子阴影（看起来像是阴影，而不是文字阴影）。它们只出现在悬停状态，所以当你检查你的元素时，你没有机会检查它们的悬停状态。

无论如何，请转到您的样式表并搜索box-shadow并将其设置为无。

Answer 2

1. 在Firefox或Chrome中打开您的网站
2. 重现错误
3. 右键单击奇怪的阴影框并选择“检查此
”
4. 在检查器中查找框阴影，然后单击复选框
禁用
5. 如果有效，请给自己一个饼干！您是主调试器

Answer 3

有一个.tooltip通过js加载。在custom.js文件中调用了18个实例。如果你不想要它，你可以停止在这个文件中调用它。

或者，您的css文件中有27个.tooltip实例。你可以删除它们，或者只是在你的html文件中添加.tooltip {border-style: hidden;}，它应该删除边框。

[编辑]

我拍了Chrome检查员的屏幕截图：

当您将鼠标悬停在雪佛龙页面上时，您可以看到通过js添加的元素。您可以完全删除工具提示，或检查.tooltip，.fade，.top或.in css以查看这些项目中的哪一项正在创建违规框。

你应该能够使用css进行此停止。我的理解是，如果你把css直接放在html中，它应该胜过你的css文件中的任何内容，如果你不想更改文件本身。 HTH

Answer 4

事实证明问题是模糊：背景使用模糊滤镜，这创造了奇怪的阴影。不过，我不知道为什么以及如何发生这种情况。我删除了模糊，只是在Photoshop中模糊了实际的BG图像。 似乎我遇到了与this question中相同的问题。