热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

为什么Chrome和Safari中的所有链接都是红色的?-Whyarealllinksarered,inChromeandSafari?

HavejuststartedusingGoogleChrome,andnoticedinpartsofoursite,e.g.allthelinksonthep

Have just started using Google Chrome, and noticed in parts of our site, e.g. all the links on the page, are bright red. They should be black with a dotted underline.

刚刚开始使用谷歌浏览器,并注意到我们网站的部分内容,例如页面上的所有链接都是鲜红色。它们应该是黑色的,带有虚线下划线。

Is there some gotcha in WebKit rendering that turns all links red regardless of the style?

WebKit渲染中是否存在一些问题,无论样式如何,都会将所有链接变为红色?

7 个解决方案

#1


4  

Are all of the resources that you're linking to in the present at the locations where your page is seeking them (verify this by actually checking it). I've also had an issue when checking an app in Safari where I was attempting to pull a file that wasn't there and I had very similar output to yours (red links).

您目前在页面所在的位置链接到的所有资源(通过实际检查来验证这一点)。我在Safari中检查应用程序时遇到了一个问题,我试图提取一个不在那里的文件,而且我的输出与你的相似(红色链接)。

EDIT: Adding Developingchris's find to the answer, since it explains it so well:

编辑:添加Developingchris的答案,因为它解释得很好:

k, found it.

k,找到了。

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.

如果您的任何样式表缺失或修补不正确,它会抛出404.如果您的404页面具有内联样式,则它们会通过webkit中的“备用工作表”规则得到尊重。

Thus, the red links on the "yellow screen of death" are causing my problem in overlap.

因此,“黄色死亡屏幕”上的红色链接导致我的重叠问题。

#2


2  

k, found it.

k,找到了。

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.

如果您的任何样式表缺失或修补不正确,它会抛出404.如果您的404页面具有内联样式,则它们会通过webkit中的“备用工作表”规则得到尊重。

Thus, the red links on the "yellow screen of death" are causing my problem in overlap.

因此,“黄色死亡屏幕”上的红色链接导致我的重叠问题。

#3


1  

Chrome has a bug where it obeys alternate stylesheets. Do you have an alternate stylesheet that makes links red?

Chrome有一个错误,它遵循备用样式表。你有一个替代样式表,使链接变红吗?

#4


1  

That explains the problem I had with my app--it was a Rails app, which also has 404 pages with red applied to some of the styles. Makes a whole lot more sense now than it did back then. Too bad you can't accept your own answer!

这解释了我的应用程序的问题 - 它是一个Rails应用程序,也有404页面,红色应用于某些样式。现在比以前更有意义了。太糟糕了,你无法接受自己的答案!

#5


1  

you can use a jscript console like firebug to find out where the color comes from

你可以使用像firebug这样的jscript控制台来找出颜色的来源

#6


0  

Have you set a :visited setting in your stylesheet?

您是否在样式表中设置了:访问过的设置?

#7


0  

Run your CSS file and your HTML file through the w3c validators. I had a similar problem when testing an application in Safari. The problem was in my code.

通过w3c验证器运行您的CSS文件和HTML文件。在Safari中测试应用程序时遇到了类似的问题。问题出在我的代码中。


推荐阅读
  • 网站访问全流程解析
    本文详细介绍了从用户在浏览器中输入一个域名(如www.yy.com)到页面完全展示的整个过程,包括DNS解析、TCP连接、请求响应等多个步骤。 ... [详细]
  • 解决Bootstrap DataTable Ajax请求重复问题
    在最近的一个项目中,我们使用了JQuery DataTable进行数据展示,虽然使用起来非常方便,但在测试过程中发现了一个问题:当查询条件改变时,有时查询结果的数据不正确。通过FireBug调试发现,点击搜索按钮时,会发送两次Ajax请求,一次是原条件的请求,一次是新条件的请求。 ... [详细]
  • 2017-09-07前端日报精选JavaScriptEventLoop机制详解与Vue.js中实践应用Redux基础与实践如何用js获取虚拟键盘高度?( ... [详细]
  • LDAP服务器配置与管理
    本文介绍如何通过安装和配置SSSD服务来统一管理用户账户信息,并实现其他系统的登录调用。通过图形化交互界面配置LDAP服务器,确保用户账户信息的集中管理和安全访问。 ... [详细]
  • 解决 Windows Server 2016 网络连接问题
    本文详细介绍了如何解决 Windows Server 2016 在使用无线网络 (WLAN) 和有线网络 (以太网) 时遇到的连接问题。包括添加必要的功能和安装正确的驱动程序。 ... [详细]
  • 在Conda环境中高效配置并安装PyTorch和TensorFlow GPU版的方法如下:首先,创建一个新的Conda环境以避免与基础环境发生冲突,例如使用 `conda create -n pytorch_gpu python=3.7` 命令。接着,激活该环境,确保所有依赖项都正确安装。此外,建议在安装过程中指定CUDA版本,以确保与GPU兼容性。通过这些步骤,可以确保PyTorch和TensorFlow GPU版的顺利安装和运行。 ... [详细]
  • 在第10天的夜灵HTML日志中,我们深入探讨了浏览器兼容性和高级选择器的应用。CSS3引入了许多新属性,但在旧版浏览器中的支持情况并不理想。然而,目前主流浏览器的最新版本已全面支持这些新特性。对于那些不支持CSS3新属性的浏览器,我们提供了多种解决方案,以确保网站在不同环境下的兼容性和用户体验。此外,我们还详细讨论了如何利用高级选择器提升页面布局的灵活性和可维护性。 ... [详细]
  • 本文深入探讨了 hCalendar 微格式在事件与时间、地点相关活动标记中的应用。作为微格式系列文章的第四篇,前文已分别介绍了 rel 属性用于定义链接关系、XFN 微格式增强链接的人际关系描述以及 hCard 微格式对个人和组织信息的描述。本次将重点解析 hCalendar 如何通过结构化数据标记,提高事件信息的可读性和互操作性。 ... [详细]
  • CSS中的pointer-events属性详解与应用
    在CSS中,`pointer-events`属性是一个非常实用但常被忽视的功能。它主要用于控制元素是否响应鼠标事件。当一个元素覆盖在其他元素之上时,通过设置`pointer-events`属性,可以决定该元素是否能够接收鼠标点击、悬停等交互操作,从而实现更灵活的用户界面设计。例如,将`pointer-events`设置为`none`可以使元素透明地传递鼠标事件,方便实现复杂的叠加效果和交互逻辑。 ... [详细]
  • HTML5 Web存储技术是许多开发者青睐本地应用程序的重要原因之一,因为它能够实现在客户端本地存储数据。HTML5通过引入Web Storage API,使得Web应用程序能够在浏览器中高效地存储数据,从而提升了应用的性能和用户体验。相较于传统的Cookie机制,Web Storage不仅提供了更大的存储容量,还简化了数据管理和访问的方式。本文将从基础概念、关键技术到实际应用,全面解析HTML5 Web存储技术,帮助读者深入了解其工作原理和应用场景。 ... [详细]
  • 使用 Vue 集成 iScroll 实现移动端表格横向滚动与固定列功能 ... [详细]
  • 代码:headersAccept:texthtml,applicationxhtml+xml,applicationxml;q0.9,imagewebp,image ... [详细]
  • ProgressReportNov7-Nov 15 ... [详细]
  • CSS深入剖析text和column
    这里写目录标题一、text-shadow二、font-face三、其他text常用特性四、column一、text-shadow与box-shadow类似,这里通过 ... [详细]
  • 小编给大家分享一下Css3中box-pack属性怎么用,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收 ... [详细]
author-avatar
mobiledu2502928897
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有