<;!DOCTYPE html>;块动画css

<;!DOCTYPE html>;块动画css,html,css,Html,Css,我正在尝试制作css3旋转器(加载器)。它在没有噪音的情况下工作得很好。 但是当我使用时,css代码没有加载 见演示- 没有doctype-->(工作正常) 使用doctype-->(不工作) 我的代码: Html: 网站之间的HTML和CSS是不同的。在doctype页面中,将#loaderw类从小写改为大写,以匹配CSS <div id="loaderw" class="loaderw"> 到 或者,您可以将CSS中的所有.Loaderw类更改为.Loaderw——任何

我正在尝试制作css3旋转器(加载器)。它在没有噪音的情况下工作得很好。 但是当我使用时,css代码没有加载

见演示- 没有doctype-->(工作正常)

使用doctype-->(不工作)

我的代码:

Html:


网站之间的HTML和CSS是不同的。在doctype页面中,将
#loaderw
类从小写改为大写,以匹配CSS

<div id="loaderw" class="loaderw">



或者,您可以将CSS中的所有
.Loaderw
类更改为
.Loaderw
——任何更简单的方法。但是CSS是区分大小写的,所以它们需要以某种方式匹配。

至于为什么省略DOCTYPE时行为会有所不同,请参见我答案中的第一个脚注。太好了,@BoltClock!请在此处添加有意义的代码和问题描述。不要只是链接到需要修复的站点——否则,一旦问题解决或者你链接到的站点无法访问,这个问题将对未来的访问者失去任何价值。发布一个能证明你的问题的帖子会帮助你得到更好的答案。有关更多信息,请参阅“谢谢!”!请发布任何有用的代码以澄清问题。这与你的
无关。你在css中设置了错误的类名,而你在css代码中以不同的方式编写了css类名。因此,请使这些代码相同,你的加载程序将开始工作D:P在下次发布此类问题之前,请确保这不是一个打字错误,而是一个真正的问题。这将有助于最大限度地减少浪费在解决这些问题上的时间。。!
<div id="loaderw" class="loaderw">
<div id="loaderw" class="Loaderw">