问题标签 [vendor-prefix]

我正在处理一个类项目并尝试在我的 jQuery 中添加多个 css 前缀，但它不起作用。任何帮助将不胜感激。当我只保留 -moz-transform 时，它在 Firefox 中运行良好，但在任何其他浏览器中都没有，所以我试图添加所有前缀。如果有人有答案，请告诉我。

当我有

在我较少的文件中，Grunt 会死

似乎破折号引起了问题。我做错了吗？

PS：我正在开发一个 Bootstrap 叉子。

我得到了一个 CSS 文件，它有很多供应商前缀 （-webkit -moz 等）。

这些供应商前缀使文件更大。

我无法一一删除供应商前缀，因为它可能需要很多时间。是否有任何工具或技巧可以一键删除整个供应商前缀？

我们越是冒险进入 CSS3 的美妙世界，我们就越会因为这些特性需要大量浏览器前缀才能与一些旧浏览器兼容这一事实而感到恼火。即使对于小型网站，这个问题也很明显，我们需要 4 或 5 个 CSS 属性才能获得完全相同的效果。一个常见的例子是渐变的背景属性。

我知道有一些脚本可以帮助解决这个问题，但在诉诸这些之前，是否有一个纯 CSS 修复可以让你解决前缀问题，或者至少有某种方法来保留额外的打字量降到最低？也就是说，结合事物，速记，等等。CSS 文件可以轻松地与 CSS3 丰富的内容翻倍。

我正在尝试找出是否可以使用autoprefixer（https://npmjs.org/package/autoprefixer）使用流星自动处理 CSS。

我正在尝试使节点包与流星一起使用，meteor-npm但是我真的不知道该怎么做，或者是否有可能。

由于此代码适用于 -moz 供应商前缀，因此我认为它可以很好地适用于 -webkit 或 -ms 例如，但它似乎不允许这样做：

我猜 Mozilla 允许一些不应该使用的东西，但我的研究到目前为止是徒劳的......

任何想法？

我正在涉足Grunt。我正在尝试编写一个自动为我的css添加前缀的任务。

这是我的 Gruntfile

当我运行 grunt 时，它说它正在运行任务，但是当我检查 css 文件时，没有任何处理。

我错过了什么吗？（答案是肯定的，但我想知道是什么:)）

我正在尝试使用这个 CodePen。

这是我的问题：http: //jacobstone.co.uk/Livetesting/Vertical%20scroll%20text/index.html

我目前只能让它在 Firefox 中工作，而不是 Chrome 或 Safari。我是否使用了错误的前缀？多年来一直试图让它工作！

另外，知道如何让所有文本垂直对齐吗？

请参阅IE10 或 11 中的此 JSBin。

如果您检查该#test元素，您会看到它显示转换属性为-webkit-transform（并且转换不会发生）。如果您注释掉transition: -webkit-transform;声明，如此处所示，则转换有效。

为什么 IE 不将供应商前缀值作为无效属性值删除？顺便说一句，如果我在 Chrome 上做类似的事情——比如说，放在-ms-transition——-webkit-transition它应该放弃它，并且只使用-webkit-transition声明。似乎只有在 IE 上才有这个问题。

好的，所以我需要向样式表添加规则，但它也需要跨浏览器，所以我需要多个规则。

现在我可以用一条单行线得到一个工作（Chrome）。

但是，我找不到任何文档或与多行相关的任何内容。

这个想法是使用浏览器前缀添加多个 css 动画，只是为了增加乐趣。

这就是我想要做的（我在 Chrome 中调试）：

然后在此之后我需要为每个动画添加浏览器前缀：

而且它不起作用，我并不感到惊讶，我只是不知道添加多个的实际方法。特别是当我尝试将前缀动画名称添加到元素时。

我试图将所有规则放在一行中，如下所示：

再次没有运气，这给了我以下错误：

如果我将它们作为单独的规则尝试，我会收到以下错误： Uncaught SyntaxError: Failed to execute 'insertRule' on 'CSSStyleSheet': Failed to parse the rule '@-moz-keyframes userScore { 0% { width: 0px; } 100% {宽度：380px;} }'。

我在 FireFox 中尝试，我收到以下错误，与第一个 insertRule 行（Chromes）有关：

就是这样。

任何帮助将非常感激！

如果我能提供帮助，我会尽量避免使用 jQuery。

而且我确信多行的任何文档也会对我和其他人有所帮助。

提前致谢