为什么在Chrome和Safari中所有链接都是红色?
时间:2020-03-05 18:48:19 来源:igfitidea点击:
刚开始使用Google Chrome浏览器,并在我们网站的某些部分引起注意,例如页面上的所有链接均为鲜红色。它们应该是黑色的,并带有虚线下划线。
WebKit渲染中是否存在一些陷阱,无论样式如何,所有链接都会变为红色?
解决方案
回答
我们是否在样式表中设置了":visited"设置?
回答
通过w3c验证器运行CSS文件和HTML文件。在Safari中测试应用程序时,我遇到了类似的问题。问题出在我的代码中。
回答
Chrome浏览器存在一个错误,它遵循替代样式表。我们是否有其他样式表使链接变为红色?
回答
是我们当前要链接到的所有资源,这些资源位于页面正在寻找它们的位置(请通过实际检查进行验证)。在Safari中检查一个应用程序时,我也试图提取一个不存在的文件,并且我得到的输出与输出非常相似(红色链接),我也遇到了一个问题。
编辑:将Developmentchris的发现添加到答案中,因为它解释得很好:
k, found it. If any of your stylesheets is missing or pathed incorrectly, it throws a 404. If your 404 page has inline styles, they get respected via the "alternate sheets" rule in webkit. Thus, the red links on the "yellow screen of death" are causing my problem in overlap.
回答
k,找到了。
如果任何样式表丢失或者路径错误,则会引发404.
如果404页面具有内联样式,则可通过webkit中的"其他工作表"规则来尊重它们。
因此,"死亡黄屏"上的红色链接导致我的问题重叠。
回答
这就解释了我的应用程序存在的问题-这是一个Rails应用程序,该应用程序也有404页,其中红色应用于某些样式。现在变得比那时更有意义。太糟糕了,我们不能接受我们自己的回答!