【发布时间】:2013-06-02 17:26:52
【问题描述】:
我在网站上设置了一个典型的新闻代码,并试图为不使用 Javascript 的人降级(我想知道这些人真的存在吗?)。无论如何,我在我的<noscript></noscript> 标记中放置了一个简单的 CSS 修复,但是出了点问题。
jQuery 将代码功能添加到主 div (.ticker),降级的 CSS 会正确影响该主 div 中的所有子 div。但是,主 div 不受我的 CSS 的影响。
我正在使用 Chrome,因此我正在使用开发控制台检查在我的股票代码 div 上运行的最终 CSS,我编写的所有 CSS 似乎都在影响它——根本没有任何东西被划掉。尽管如此,边框(例如背景等)并不像应有的那样存在。
让这个奇怪的是,这个边框和这个背景从一开始就是 CSS 元素。我的意思是,即使启用了 Java,这些也是由 CSS 样式表定义的。所以我不知道为什么我退化的 CSS 不起作用,更不用说为什么禁用 Java 会影响主 CSS 样式表定义的这些元素。
有没有人遇到过类似的事情?有谁知道会发生什么?
谢谢!
【问题讨论】:
-
noscript 内容被解析为纯 cdata 文本,如果确实启用了 JS,你的基于 JS 的代码是否在 noscript 中?
-
不,丹达维斯。代码的 html 在
noscript内。处理股票代码的 JS 也不是,原始的 CSS 也不是。noscript标签内的唯一内容是在禁用 Java 时降低代码的“外观”(但不是功能)的 CSS。如果 Java 被禁用,代码将显示为一个简单的列,显示所有新闻项目块。我可以重新设计每个新闻块的“原始”外观;但是,我不能对自动收报机做同样的事情......因为任何 CSS 都会被部署,但在某些时候会被绕过......或者只是没有显示,就好像那里没有 CSS。
标签: javascript jquery css noscript graceful-degradation