设计禁用CSS的页面

我通常也通过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 Karan Bhangui 因为我指出了丢失的东西(我的错)。检查注释部分。

编辑二:谢谢 Traingamer . 下次我一定要再检查一遍。;)

禁用CSS的普通用户希望看到的东西并不完全是创建者想要的。要处理使用其他浏览器的用户(如盲人用户),请确保完全准确地填充图像的ALT标记等。

例如,没有CSS的人可能也不支持样式标记!此外,它可能是一个盲人用户与屏幕阅读器,他们没有任何文字和图像反而是相当侮辱。最好设置你的ALT文本等。

非编码解决方案: