问题标签 [vendor-prefix]

我想开始使用名为 autoprefixer ( https://github.com/ai/autoprefixer ) 的 CSS 后处理器。

经过一番折腾之后，我实际上得到了这个工作，这对我来说非常神奇，因为我是一个绝对的节点、咕噜声和终端初学者。
在autoprefixer 文档中，它说可以配置要支持的浏览器，作为解释，给出了这行代码：

但是我把这段代码放在哪里呢？我试图将它粘贴到我的 Gruntfile 底部但没有成功。该文件如下所示：

我也尝试像这样添加它：

这肯定会对 CSS 输出产生影响，但我不确定它是否正确？

此外，当我autoprefixer -i在命令行中键入以检查我的配置时，输出为-bash: autoprefixer: command not found. 也是如此grunt-autoprefixer -i。我怎样才能解决这个问题？我很想看到我支持的版本。
另一种变化是这样做：

但是再一次，把这段代码放在哪里？

我有一个网站，就 IE8 而言，我支持，仅此而已。

当我第一次启动该网站时，我决定为 CSS 元素使用 CSS 供应商前缀，例如边框半径、框阴影等。我是从一个完全菜鸟的角度来做的。

但是，不使用它们并简单地让浏览器赶上而不是为了统一而修补是更好的方法吗？

如何告诉nib不要为我不支持的浏览器生成前缀？

在流星中，当 css3 转换结束时应该触发以下事件处理程序：

但是，它似乎不接受多种事件类型。

但是，以下在 Google Chrome 上运行良好：

我可以按如下方式分别分配事件：

但是现在，在某些transitionend不带供应商前缀的浏览器版本上，该事件将触发两次。

我想找出支持哪种偶数类型，以便我可以执行以下操作：

现在我将如何实现将为更现代的浏览器和供应商前缀版本supportedEvents返回的函数？"transitionend"

我宁愿不使用浏览器类型检测来评估要使用的前缀。

是不是有什么地方可以查看支持的偶数类型？

我知道它可以在 jQuery 中轻松完成，但我试图避免使用 jQuery。

更新

我尝试使用此处找到的方法：

但这也行不通。我认为这是因为 Meteor 在渲染模板后不允许事件映射。

我可以理解将它们用于非官方的实验性事物（即不在 CSS3 规范中）以防止名称冲突，但为什么需要在阴影等前缀？

每个供应商不应该按照 CSS3 规范实现相同的效果吗？

编辑：一旦 CSS3 完成，前缀会消失吗？我只是好奇为什么有些功能有前缀，而有些没有，而在所有主要浏览器上的效果似乎都是一样的。

我们计划了很多动画，并且正在寻找一种更简洁的方式来处理所有浏览器。像这样的 sass-y 会很棒：

除了@#{$vendor}keyfr...产生错误，期望@. 有没有办法强制@通过CSS？

否则，有没有人想出一个更简洁的方法来完成这个@each，@mixin或者任何其他可以节省列出每个浏览器的每个动画的方法（即下面）？

我是这个编码世界的新手。当谈到 Javascript 时，我对 HTML 和 CSS 的了解是最少且不存在的。

我正在做一个项目，我需要为其创建一个视差站点，并且每个部分都按对角线划分。视差位几乎完成，但我正在努力使对角线在不同的浏览器上起作用。使用其他人在这个论坛上的一些代码，我必须为 Firefox 做这件事，但仍然需要让它在其他浏览器或至少 Chrome 和 Safari 上工作。任何人都可以帮忙吗？

HTML

CSS

JS

我有一个带有较少和自动前缀的工作 Gruntfile。我也有'grunt watch'工作正常。

在我使用 autoprefixer 之前，我使用较少的 mixin 作为供应商前缀。运行 'grunt less' 将构建带有我所有前缀的工作 CSS。

现在我有了 autoprefixer，但是如果我想一次性构建我的样式，我现在必须运行 'grunt less' 然后 'grunt autoprefixer' 来获得带有前缀的 CSS。

我怎样才能修改'grunt less'以便它构建工作，再次减少前缀？

我已经阅读了文档，并且我知道我可以添加一个额外的任务来完成这两件事。然而：

• 'grunt less' 现在没有可用的输出。任务应该总是产生可用的输出。
• 我不想告诉其他人“少咕噜”不会产生可用的输出
• 不需要额外的任务来替换不起作用的任务

即，我只想减少 grunt 来生成工作 CSS (with prefixes)。

我正在研究在线 eBay 利润预测计算器

我似乎无法让输入字段在 safari 和移动 safari 中工作。它们在 FF 和 Chrome 中运行良好。我点击它们，但是当我输入时没有任何显示。我一直在搜索谷歌，但似乎找不到任何线索。我想知道我是否在css中遗漏了一些东西。这是我的输入字段的css：

我试图找出是否需要-o-animation在我的 CSS 中包含供应商前缀，但我似乎找不到任何表明它存在的资源，如果存在，它适用于哪些版本的 Opera。

任何人都可以提供一些建议吗？