问题标签 [vendor-prefix]

我有一些 grunt 任务正在运行，包括grunt-autoprefixer。所有任务都在正常运行，autoprefixer 任务也是如此。但是我的 css 规则中没有添加任何前缀。我想念/误解什么？我的 Gruntfile 选项：

然后我运行grunt.loadNpmTasks('grunt-autoprefixer'); grunt.registerTask('default', ['uglify', 'sass', 'autoprefixer', 'watch']); And 正如我提到的那样，到目前为止没有任何错误。4 个源文件在我的 cssDir 中，控制台也显示 4 个文件已处理

可以加前缀的 CSS 规则：例如box-shadow, border-radius, linear-gradient

但是在我的 css 文件中没有进行任何更改，没有添加前缀。帮助？:-)

我想使用 :fullscreen css 伪类，它需要一些供应商前缀：

但是对于这个例子，我不希望在 4 个前缀中复制 background:red 和所有其他 css。如果我执行以下操作，似乎浏览器会忽略它（我相信这是由于接受 css 的方式）：

有没有任何纯粹的 CSS 方法来完成这项工作？如果不是最好的方法是什么？

以下两者似乎都有效：

但是哪种语法是标​​准的？

第一次发帖...

在对某些运行W3C扫描时，CSS我收到上述错误。加上另外两个。

错误：第 30 行被标记为原因？

1. attempt to find a semi-colon before the property name. add it

2. Property progid doesn't exist : MXtransform

3. Parse Error MXtransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');

希望我已经正确地发布了这个道歉，如果不是，第一次发布。

CSS

LINE 30 此行标记为错误

还有一些警告

“属性 -moz-box-shadow 是未知的供应商扩展”和 -webkit-box-shadow

为什么这些都被标记为未知扩展？

非常感谢任何指针，我已经进行了一些搜索，但得到了相互矛盾的信息和我的经验 - 到目前为止还缺乏。

我想在compass监视我的 scss 文件的更改并使用自动前缀代码更新 css 文件后利用运行autoprefixer ，但我被卡住了。我在 gulpfile.js 中为 compass 和 autoprefixer 创建了一个 gulp.task。当我使用下面的 gulpfile.js 运行“gulp server”时，一切正常，但没有自动前缀；scss 文件通过 compass 运行并作为 css 文件输出，browserSync 在浏览器中实时重新加载页面。任何帮助将不胜感激。

我尝试transition在 Firefox 15 上使用，但它无法在其他版本的 Firefox 和其他浏览器（如 Chrome 和 Safari）上运行。

当我使用 Firefox 的检查器查看属性transition时，会出现“无效属性值”的错误。MDN和caniuse表示它在 Firefox 4 及更高版本上受支持！

为什么有时属性在某些浏览器中可以正常工作transition而animation在其他浏览器中无效？

免责声明：这是通过添加供应商前缀可以完全解决的所有问题的规范副本。堆栈溢出问题不应该如此广泛，除非在元和之后创建的规范答案上进行讨论，就像这样。

我只是想知道这些天在多大程度上仍然需要在 CSS 中指定供应商前缀，如“webkit”、“moz”、“ms”或“o”。

如果我理解正确，opera 切换到 webkit，所以会删除'-o-'，对吗？IE 在 IE10 中放弃了对“-ms-”的需求，但旧版本还需要它吗？而且我现在不确定'-moz-'的故事是什么。

基本上我所有的 CSS3 似乎在所有（最新的）浏览器上都可以正常工作，而无需指定任何前缀，所以我只是想知道截至 2014 年中期什么是必要的，什么是不必要的。

编辑：基本上我只是想知道是否有人有一个最新的列表，其中列出了哪些前缀是必要的以及在什么条件下它们是必要的。

据我所知，使用供应商前缀的唯一原因是它们是由浏览器创建者引入的，以在根据 W3C 完全实现之前发布新规范。

但是为什么我们需要为每个浏览器指定一个特定的供应商前缀呢？

如果我们看下面的 CSS，

为什么不能这样写？

每个单独的浏览器在看到前缀-vendor-后，都会以自己的方式实现它。

这不仅让开发者很容易，也让浏览器创建者在微软和Opera这样的情况下开始支持-webkit-，因为开发者懒惰使用-ms-并且-o-永远不会上升。如果是这种情况，-vendor-它适用于每个浏览器。

解释是什么？

我需要在服务器上操作 CSS 文件，我最近发现了Autoprefixer库。

我的问题是 - 我的 css 文件的前缀取决于所使用的浏览器。例如。我的CSS代码是这样的 -

Autoprefixer 在这里不起作用，需要 css

生成

有什么方法可以用我的原始 CSS（前缀属性而不是非前缀属性）实现相同的结果？或者除了 Autoprefixer 之外，还有其他库可以帮助我实现同样的目标吗？

我正在尝试使用我正在开发的网站上的社交共享图标来完成两件事。

首先，我想添加一个投影。然后我想让它们默认不饱和，并在悬停时着色。

下面是我正在使用的代码：

它做了饱和位，但不是阴影。如果我删除去饱和指令，那么阴影效果会很好。

有没有办法让我组织这个，这样两种效果都会起作用？

谢谢。