Question

我目前正在设计一个使用深色背景的网站，只是出于兴趣，我禁用了CSS并查看了它。因为它已经在语义上标记，没有样式它仍然是一个连贯的文档，除了我的标题图像是白色的事实，并且因为默认背景颜色也是白色，你根本看不到标题。（标题标记为h1 / h2 / h3，然后Javascript将其替换为图像）。

现在我知道这对于没有CSS的用户来说是一个微不足道的边缘情况，但确实有javascript，所以这是一个非常理论而非实际的问题，但是我应该回到过去和过时的方式设置背景颜色：

<body bgcolor="#333333">

..这样你仍然可以看到白色图像？

Answer 1

我通常也会通过CSS插入标题图片。

<h2 class="my-heading"><span class="hide">My Heading</span></h2>

然后

.my-heading {
    width: 100px;
    height: 24px;
    display: block;
    background: #fff url(image/my-heading.jpg) top left no-repeat;
}

.hide {
    display: none;
}

以便非CSS环境中的用户获得文本版本。

编辑：感谢d03boy提供了一个更好的替代方法（text-indent：-9999px;）和Karan Bhangui来指出丢失的东西（我的坏）。检查评论部分。

编辑2：谢谢Traingamer。我一定会仔细检查下次。 ;）

Answer 2

不，你不应该。出于某种原因，这些属性已被弃用。有更好的方法来解决这些问题。正如其他人所建议的那样，让Javascript检测CSS是否被禁用，因此它不会在这些情况下进行更改。

禁用CSS的普通用户希望看到与创作者不同的内容。要处理使用备用浏览器（例如盲人用户）的用户，请确保完全准确地填充图像的ALT标记等。

Answer 3

为您的JS添加一些智能。我不知道如何在JS中执行此操作，但检测CSS是否已禁用，然后执行不同的响应。 JS应该归咎于让你的页面不可读，所以它应该有解决方案。将修复程序放在样式标记中会导致更复杂。

例如，没有CSS的人可能也不支持样式标签！此外，它可能是一个带屏幕阅读器的盲人用户，而且他们根本没有任何文字而且图像反而是侮辱性的。更好地设置ALT文本等。

Answer 4

非编码解决方案：
如何在标题图像周围添加暗边？在正常的黑暗背景下，标题图像/文本周围的暗边不会太突兀;同时，当禁用css时，标题图像/文本仍然可以作为轮廓读取。

设计禁用CSS的页面

4 个答案: