问题标签 [vendor-prefix]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
4 回答
16552 浏览

css - 是否有针对 IE10 的特定 CSS 选择器?

由于 IE 在版本 10 中摆脱了条件注释,我迫切需要找到专门针对 IE10 的“CSS hack”。请注意,它必须是“被黑”的选择器,而不是 CSS 属性。

在 Mozilla 中,您可以使用:

在 Webkit 中,您通常会:

我将如何在 IE10 中做类似的事情?

0 投票
4 回答
44912 浏览

css - CSS 中的 -mso- 前缀是什么?

我了解使用了哪些其他浏览器特定的代码名称,例如 -moz- 和 -webkit-,前者用于 mozilla,后者用于 chrome 和 safari,但 -mso- 到底是什么?它代表 Microsoft Office,但该程序中永远不会出现网页,是吗?

0 投票
2 回答
6343 浏览

css - 为什么浏览器会为 CSS 属性创建供应商前缀?

也许这是一个显而易见的答案,但是

为什么浏览器会决定创建自己的供应商前缀border-radius等?

我的意思是:为什么我必须输入:

是不是因为每个平台都认为“我们很酷,我们会想出更好的方法来做圆角?” 为一行键入三行似乎完全且莫名其妙地多余。

0 投票
2 回答
1215 浏览

browser - Why do browsers need vendor prefixes for CSS3? What is stopping them from just using the standard CSS3 properties?

Possible Duplicate:
Why do browsers create vendor prefixes for CSS properties?

For example, if I have an image that I'd like to rotate, why does Google Chrome do nothing when I use transform: rotate(50deg); but work fine when I use -webkit-transform: rotate(50deg);?

Isn't the whole point of having the standard to make it so that a programmer/designer only writes the same code once, and not once for each of the browsers? Is this something that is going to be changed in the foreseeable future or will it always be this way? I'm only just starting to use CSS3 and this seems really bizarre to me.

0 投票
2 回答
3120 浏览

css - 在哪里可以找到所有供应商前缀 CSS 属性/扩展的列表?

我经常看到正在使用新的供应商特定属性,是什么促使这个问题在-moz-appearance:button;某处看到(使元素看起来像一个按钮)。

我在哪里可以找到所有这些扩展的列表(供应商前缀规则)?

Mozilla 有一个Opera 有一个,webkit 有一个“非官方”的(虽然它没有解释属性)。我对 IE 没有运气。如果没有一个地方,一个官方的、全面的 IE 和 webkit 列表就可以了。

0 投票
5 回答
20837 浏览

javascript - 使用 javascript 设置供应商前缀 CSS

......是一个巨大的痛苦。

有没有图书馆/框架/更好的方法来做到这一点?最好只有一行JS?

0 投票
3 回答
414 浏览

javascript - 使用 CSS3 的供应商特定前缀的性能和 DOM 加载

我对这个好奇了一段时间。

css3 属性尚未标准化,但可以由浏览器实现,使用特定浏览器的前缀。例如,可以使用border-radius,它在现代浏览器上运行良好。但是,对于以前版本的浏览器供应商,我们可以使用供应商特定的属性,如 -moz、-webkit 等前缀来工作。

现在,对于我的页面,我使用了渐变和边框半径,创建了几个使用它们的类,并通过这些类应用了这些类。

以下哪个更好?

  1. 使用 javascript 查找是否支持,如果支持则使用属性,如果以上为 false,请检查用户代理并相应地应用供应商特定属性。

  2. 使用类中的所有浏览器前缀,让浏览器使用适合它的任何一个。

我好奇和关心的是 DOM 加载的性能和时间。

0 投票
2 回答
1443 浏览

css - 如何确定何时可以安全地删除 CSS3 属性的供应商前缀?

我正在测试一些 CSS3 的东西,我发现一些属性border-radius不再需要供应商前缀(至少在最近的最新浏览器上)。

我的下一个网站将只针对最近的浏览器,如 IE9/Chrome 15+/FF8+,所以我想知道:

是否有当前 CSS3 属性的列表,我可以在其中看到可以安全地删除供应商前缀的哪些属性?

注意:我对自动插入前缀属性的 JS hack 不感兴趣。

0 投票
3 回答
926 浏览

browser - 我们是否必须再使用非标准/浏览器特定的 CSS 供应商前缀?

鉴于我并不真正关心向后兼容性(我正在探索基于 CSS3 和 HTML5 的设计,而不是依赖于图形等)使用 css 的好处是什么:

过度使用

后者似乎在大多数现代浏览器中都能正常工作(除了显而易见的!:p 看着你的 IE!虽然我认为它可能在 IE9 中工作,但我目前在 Mac 上无法测试) .

我在看东西吗?我们是否需要使用上面的浏览器特定代码?还是所有浏览器都在朝着支持标准的方向发展?

0 投票
3 回答
12661 浏览

javascript - 在 JavaScript 中访问 -webkit- 供应商前缀

如果我正在编写一个 JavaScript 行来设置元素的样式属性,它可能看起来像这样(本例:“宽度”):

如果 CSS 元素中有破折号,它看起来像这样(本例:“margin-top”):

但是如何访问 prefix -webkit-,如果我想给它一个像这样的例子: