html – 禁用CSS设计页面

html – 禁用CSS设计页面,第1张

概述我目前正在设计一个使用深色背景的网站,只是出于兴趣,我禁用了CSS并查看了它.因为它已经在语义上标记,没有样式它仍然是一个连贯的文档,除了我的标题图像是白色的事实,并且因为默认背景颜色也是白色,你根本看不到标题. (标题标记为h1 / h2 / h3,然后 Javascript将其替换为图像). 现在我知道这是一个微不足道的边缘情况,用户没有CSS,但确实有javascript,所以这是一个更理论 我目前正在设计一个使用深色背景的网站,只是出于兴趣,我禁用了CSS并查看了它.因为它已经在语义上标记,没有样式它仍然是一个连贯的文档,除了我的标题图像是白色的事实,并且因为默认背景颜色也是白色,你根本看不到标题. (标题标记为h1 / h2 / h3,然后 Javascript将其替换为图像).

现在我知道这是一个微不足道的边缘情况,用户没有CSS,但确实有JavaScript,所以这是一个更理论而不是实际的问题,但我应该回到设置背景的旧的和过时的方式颜色:

<body bgcolor="#333333">

..所以你仍然可以看到白色图像?

解决方法 我通常也会通过CSS插入标题图像.

<h2 ><span >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环境中的用户获得了文本版本1.

编辑:感谢d03boy提供更好的替代方法(text-indent:-9999px;)和Karan Bhangui指出丢失的东西(我的坏).检查评论部分.

编辑2:谢谢Traingamer.我一定会仔细检查下次. 总结

以上是内存溢出为你收集整理的html – 禁用CSS设计页面全部内容,希望文章能够帮你解决html – 禁用CSS设计页面所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/1049870.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-25
下一篇 2022-05-25

发表评论

登录后才能评论

评论列表(0条)

保存