控制台中的引导 css 错误答案

【问题标题】：Bootstrap css errors in the console控制台中的引导 css 错误
【发布时间】：2015-04-08 22:17:13
【问题描述】：

我从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%);

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

【问题讨论】：

我认为您有这些错误是因为您使用的是 firefox。我的意思是，-webkit 和 -o 用于 chrome 和 opera 浏览器，也许这就是为什么 firefox 将它们视为“错误”而 chrome 却没有。过滤器也是如此 - 它用于旧 IE 版本的过滤器
好的，但我不相信引导程序没有解决这个问题。这很奇怪，因为我是从那里的网站下载的
这不是一个真正的“问题”。我的意思是，如果你想要跨浏览器兼容性，那就是你必须做的。他们很烦人，但仅此而已。它们根本不会造成任何问题，所以不用担心:)
我知道这不是一个真正的问题。这是一个审美问题。我真的不喜欢它在 Mozilla 控制台中显示超过 100 行错误。我在问你们这是否是一种隐藏或解决它的方法，或者做某事:) 我不想做出与此无关的想法。
查看这里以获得更好的解释：stackoverflow.com/questions/1889724/…，并按照@Sandeeproop 的建议隐藏它们：

标签： css twitter-bootstrap

【解决方案1】：

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

【讨论】：

引导程序没有办法不显示它们吗？应该不会吧？

【解决方案2】：

您在控制台中看到的错误消息实际上是警告。在 Firefox 调试器中，如果您转到控制台选项卡中的 css 下拉菜单，您可以看到警告选项被选中。如果取消选中此选项，所有这些错误消息都会消失。

【讨论】：