【问题标题】:Yellow text showing up on website, but hard to troubleshoot黄色文本显示在网站上,但难以排除故障
【发布时间】:2010-12-01 09:57:19
【问题描述】:

我们收到了几封电子邮件和电话,称我们的网页上出现黄色文字http://www.ciu.edu

我们专门在样式表中使用黑色文本。它在棕褐色背景上。

一个人自称是色盲,我尝试了各种色盲测试,但没有这样的运气。

我们不知道发生了什么。棕褐色背景上的黄色文本很难阅读,但如何排除故障才是问题所在。

【问题讨论】:

    标签: html text colors background blind


    【解决方案1】:

    你能从其中一位用户那里获取屏幕截图吗?能够将问题限制在特定的操作系统和浏览器上也可能会有所帮助。也询问这些,然后告诉我们。

    你确实有一个小的 IE 样式表可以加载,但是它包含通常的 IE 组件,所以我不会担心。

    【讨论】:

    • 如果您没有关于页面、浏览器(在很多情况下是浏览器版本)、操作系统等方面的信息,那么您就没有足够的信息来诊断问题。
    • 一位用户正在使用 Internet Explorer 7、Windows XP 并且没有色盲。我会考虑获取屏幕截图。我没有检查的一件事是它是否是 IE6 问题。
    【解决方案2】:

    Bob Kaufman 的建议促使我从 Microsoft 下载 IE Superpreview。我运行了 IE6 视图并立即得到了答案。我们基本上已经放弃了对 IE6 的支持,甚至在启动新网站时也没有对其进行测试。

    我们对 IE6 用户的通知样式导致其余页面显示黄色文本。

    此外,字体标签的关闭不正确。为什么会有字体标签,我不知道。我没有写通知。这是给低于 IE7 的 IE 用户的通知。无论如何,现在问题已经解决了,并且用 xhtml 标准代码重写了。

    【讨论】:

      【解决方案3】:

      如果您有权访问 Mozilla Firefox,则可以安装 Web Developer Toolbar Add-On 以禁用样式表和/或图像以帮助您解决问题。我自己快速浏览了一下,但在禁用图像的情况下,您的图像也作为超链接显示蓝色下划线(标准链接样式)超链接。您也可以从将Firebug 安装到 Firefox 中受益,因为您可以使用其检查器禁用个别样式。

      【讨论】:

      • 我已经安装了所有这些,并且一直在使用它们进行检查。不过还是谢谢。
      【解决方案4】:

      您是否尝试过没有加载 CSS 或没有一些背景图片的页面?

      我在页面上看到一些非常大的图像文件。如果连接速度较慢,则需要几分钟才能加载。如果巨大的图片在 CSS 或背景图片之前加载,页面可能看起来很糟糕,没有人可能不会等待几分钟来加载所有内容。

      您应该以显示的大小创建图像,因此它们可能是 30 KB 而不是 3 MB。

      【讨论】:

      • 我实际上正在考虑将它们切换到 CSS sprites。
      • @theosoft:大照片不适合放入精灵中。与文件大小相比,开销是如此之小,以至于增益很小。此外,如果在 JPEG 图像中将图像彼此相邻放置,则会在边缘出现压缩伪影。
      猜你喜欢
      • 1970-01-01
      • 2022-01-22
      • 2013-04-05
      • 1970-01-01
      • 2023-04-03
      • 2018-02-20
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多