控制台中的Bootstrap css错误

Question

我从here下载了boostrap.min.css版本。但在控制台中它向我展示了很多错误。检查图片：

我最近使用mozilla firefox。奇怪的是，在Chrome中我没有这些错误。有没有办法从boostrap解决这个错误或至少隐藏它？ 第一个错误出现在这里：

background-image: -webkit-linear-gradient(top,#fff 0,#e0e0e0 100%);
background-image: -o-linear-gradient(top,#fff 0,#e0e0e0 100%);
background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#e0e0e0));
background-image: linear-gradient(to bottom,#fff 0,#e0e0e0 100%);

但我不知道这有什么问题。

Answer 1

您可以在控制台中看到的错误消息实际上是警告。 在firefox调试器中，如果转到控制台选项卡中的css下拉列表，则可以看到警告选项已选中。 如果取消选中此选项，则所有这些错误消息都将消失。

Answer 2

Bootstrap在css中添加了供应商前缀，以支持跨浏览器。这里-webkit-用于webkit引擎（chrome，safari），-o-用于opera。 -webkit-gradient规则有点旧，后来被-webkit-linear-gradient取代。 错误是因为，firefox无法识别webkit或opera前缀。错误可以忽略，它们是为了实现css3实验性功能，维护跨浏览器问题。