控制台中的Bootstrap CSS错误 [英] Bootstrap css errors in the console

问题描述

我从此处下载了boostrap.min.css版本.但是在控制台中，它向我显示了很多错误.检查图像:

I downloaded the boostrap.min.css version from here. But in the console its showing me a lot of errors. Check the image:

我正在使用mozilla firefox进行更新.奇怪的是，在Chrome浏览器中我没有这些错误.有没有办法解决boostrap上的这些bug或至少将其隐藏? 第一个错误出现在这里:

Im using mozilla firefox up to date. It is weird that in chrome i don't have these erros. Is there a way to solve this bugs from boostrap or at least to hide it ? The first erros appears here :

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

但是我不知道这是怎么回事.

But i don't know what is wrong with this.

推荐答案

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

Bootstrap has added vendor prefixes in css for cross browser support. Here -webkit- is for webkit engine (chrome, safari) and -o- is for opera. the -webkit-gradient rule is a bit old and was later replaced by -webkit-linear-gradient. The errors are there because, firefox does not recognize the webkit or opera prefixes. The errors can be ignored and they are to implement css3 experimental features maintaining cross browser issues.

这篇关于控制台中的Bootstrap CSS错误的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！