关闭所有css3

Question

我使用了很多CSS3，我希望有2个css版本：一个包含所有css3而另一个没有。我知道我可以简单地删除声明，但我想知道是否有另一种方法来禁用它们。具体来说，我想禁用text-shadow，box-shadow和border-radius。

感谢。

Answer 1

您可以使用名为 deCSS3

的书签

它会切换所有css3功能（好吧不是“全部”，a whitelist of supported CSS3 features is documented here。如果您愿意，还可以重新启用CSS3。

作为奖励：如果您使用的是Modernizr，它也会翻转这些值，因此您的.no-boxshadow课程会被选中。

让人想知道你为什么要这样做..这个工作流程非常好，所以你可以完全用Chrome开发，但很快看看你的低保真版本（你将用于IE7，IE8）看起来会像。

这是使用deCSS3之前和之后：

Answer 2

您无法禁用它们，您只能使用CSS覆盖样式：

body * {
   text-shadow:none;
   ...etc...
}

（嘿，我从来没有说过这样做是个好主意，但它会奏效）

编辑：这个回答让我走上正轨;谢谢。以下是解决方案：

创建一个名为NoCSS3的类，定义如下：

.NoCSS3 * {
    text-shadow: none !important;
    box-shadow: none !important;
    border-radius: 0px !important;}

然后在javascript中添加以下行：

$('body').addClass('NoCSS3');

你已经完成了！

Answer 3

您还可以查看HeadJS提供的 CSS modernizer 功能。

也可以用于许多其他功能。

Answer 4

您是否尝试过查看modernizr？这是一个javascript库，用于检测客户端可用的内容，并相应地执行操作。看起来像你在找什么。 你可以找到一个很好的介绍here