jQuery的导致Firefox箱上浆警告(jQuery causes Firefox box-si

我有WebDeveloper延伸和我有一个CSS警告让我去调查。该警告是以下3个：

Warning: Unknown property 'box-sizing'.  Declaration dropped.
Line: 0

然后，我做了一个空白文件，发现它不存在。几分钟后，我发现了一个可重复的原因：其中包括了jQuery 1.9.1脚本！

有什么可以或应该怎么办？我想用jQuery的，但我觉得有些烦人，我会永远看到我的工具栏CSS警告。

<!DOCTYPE html>
<html>
<head></head>
<body>
<div>Empty</div>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
</body>
</html>

Answer 1:

选项

使用jQuery 1.7.2。
提高与jQuery开发团队，并希望有一个解决该问题（或者提供一个你自己）。
使用Firebug的，而不是WebDeveloper（这可能会或可能不会帮助）。
忽略它。

只要页面呈现正确，我相信这是你可以忽略，即使你建立了一个网站，要求严格验证CSS警告。

警告应尽快离开如Firefox已经完全支持box-sizing （无需-moz-前缀），但是这不会发生，直到火狐21后的一些版本。

背景资料

警告源于需要一定的CSS样式不同的语法。为了支持所有浏览器，您通常需要指定所有不同的语法。浏览器会忽略他们不认识的人。

在的情况下， box-sizing ，Firefox的要求-moz-前缀，移动Safari浏览器的早期版本和Android浏览器需要-webkit-前缀，而其他浏览器不需要前缀可言：

-webkit-box-sizing: content-box;
   -moz-box-sizing: content-box;
        box-sizing: content-box;

添加的线性梯度的时候，在这种情况下所造成的值，而不是属性名称类似的问题出现了：

background-image: -webkit-linear-gradient(top, #444, #999);
background-image:    -moz-linear-gradient(top, #444, #999);
background-image:     -ms-linear-gradient(top, #444, #999);
background-image:      -o-linear-gradient(top, #444, #999);
background-image:         linear-gradient(top, #444, #999);

当警告从使用不同的语法出现时，它通常不是足够聪明，从无害一个常常不可避免认识一个真正的问题验证或错误控制台的情况。而且是公平的，它实际上是认定为一个警告，而不是错误。

附加信息

jQuery的较新版本利用的box-sizing样式供内部使用。 jQuery的1.8.0只生产单一的box-sizing的警告，和jQuery 1.7.2生产没有。

jQuery的可以在稍微粗心的方式来使用它 - 而不先进行测试，如果有某种类型的支持它 - 但没有做任何实际伤害。如果是这样，如果有足够多的人抱怨它jQuery开发团队，jQuery代码可能被重构来解决这个（在运行一点点慢的jQuery的费用）。

如果警告是关于-moz-box-sizing ，而不是box-sizing ，这将更有可能提出一个可能的错误与Firefox，而不是用jQuery是一个小问题。

Answer 2:

据jQuery的人，这是一个Firefox的问题，他们不能做任何事情。火狐27的（测试版），它仍然发生。请参阅： http://bugs.jquery.com/ticket/13569