问题标签 [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 投票
2 回答
3894 浏览

css - Chrome 和 Opera 中的供应商前缀

由于 Chrome 和 Opera 正在切换到“Blink”,他们是否正在更改他们使用的 CSS 供应商前缀?目前,Opera 使用-o-,Chrome 使用-webkit-. 将来,我应该包含类似的-blink-内容,还是保持不变?

0 投票
3 回答
16135 浏览

javascript - .css() 会自动添加供应商前缀吗?

我有一些代码:

我试图通过使用 JSON 来应用它们(如 jQuery 的文档中所示)或完全删除供应商前缀版本来改进这样的行。

jQuery 的.css()方法在更改元素的 CSS 属性时会自动应用任何必需的供应商前缀吗?

0 投票
1 回答
2061 浏览

javascript - 在 jQuery .animate 中使用 Modernizr.prefixed

我不擅长 jQuery 语法,因为我喜欢 PHP。

我正在尝试制作一个 jQuery 动画,但在多个值上使用正确的供应商前缀,但我对 Modernizr.prefixed 用法的理解让我失望。

我想要得到的是这样的:

IE。我想在动画样式列表中包含供应商前缀,但出现语法错误 - 意外标记。

我试过使用 var transformProperty = Modernizr.prefixed 吗?Modernizr.prefixed('transform') : 'transform'; 但它只允许列出一种样式,即: $(".rightbox3d").animate(transformProperty,"translateY(-200px)"); 当我想要的是变换、不透明度、缩放等多种样式时。

我注意到那行代码在 transformProperty 部分周围没有大括号,而列表则有。$('.rightbox3d').animate({ opacity: 1 ,top:"-200px" }, 4000, function() { // 动画完成。});

但我就是无法理解它。任何人都可以帮忙吗?

0 投票
2 回答
48 浏览

javascript - 获取当前匹配的正则表达式规则

我尝试在字符串中检查给定的RegExp-rule 并需要获取当前的匹配规则。

这是我到目前为止所尝试的:

matchnull但我怎样才能获得当前的匹配规则(在这种情况下-webkit-)?

0 投票
1 回答
26 浏览

jquery - 是否有针对不同供应商前缀的实用工具或脚本技术

基本上,我更愿意为包含不同供应商前缀的不同样式选择标准 css 规则。出于测试目的,我会选择这样的:

稍后,为了最终确定,我会考虑使用这样的前缀:

有很多 css 前缀,但实际上我想要的是修改我所有的样式表。如果没有我的想法,我们可以使用 jQuery 来实现吗?

0 投票
3 回答
62 浏览

css - 在属性名称后使用浏览器前缀

嗯,这是一个奇怪的问题。无论如何,如果我在 css 属性名称之后使用浏览器前缀而不是将其放在之前会发生什么?例子:

这不仅是一个好奇的问题,我的朋友说他写了这行 css 并且它们有效。我回答他 Chrome 和 Firefox 以正确的方式管理此类错误,使其正常工作,但现在我有点好奇。我是否认为这种使用前缀(实际上不是后缀)的方式不是标准的,应该避免,尽管它们似乎可以运行?

0 投票
1 回答
1166 浏览

css - 为什么我不能在一个 CSS 规则中结合 ::selection 和 ::-moz-selection ?

我非常喜欢使用::selection::-moz-selection美化网站 - 我讨厌默认的蓝色和白色!

然而,我发现一件小事让我很烦恼:我不能把::selectionand::-moz-selection放在同一个 CSS 规则中,就像这样:

jsFiddle 链接

我觉得这很烦人,因为这意味着如果我想更改背景颜色(或其他选择样式),我必须编辑两个单独的规则。它也违反了我几乎虔诚地遵循的政策:DRY(不要重复自己)。

我在 Chrome 28、Chrome Canary 30、Firefox 22、Firefox 23、IE 9 和 IE 10 中对此进行了测试,它们都产生了相同的结果。这里出了什么问题?

如果他们必须保持分开,有没有办法让他们进一步加入?就像是:

会非常有用。

0 投票
1 回答
1457 浏览

css - 即使使用供应商前缀,线性渐变在 Chrome 中也不起作用

我将其用作我的一个 div 的背景,并为所有人声明了供应商前缀:

但是,它不在 Chrome 中。我的 div 变成了透明的(因为它根本无法识别背景)。我的 Chrome 版本是29 版,应该是最新的。

我做错什么了吗?

0 投票
3 回答
9558 浏览

css - -webkit-appearance:none 样式属性不被 Firefox 浏览器接受

我正在建设新网站,我需要一个下拉菜单来选择我网站中的内容数量。但是这个下拉菜单有一种我必须做出来的风格。这个下拉菜单的风格是下拉框没有箭头——右边出现的箭头点击它并打开下拉项——。

我进行了多次搜索,我找到了这个样式属性:“-webkit-appearance:none”,在下拉列表的类中,我已经放置了这个属性,并且箭头已经使用谷歌浏览器消失了。

但“问题”是:这个属性在火狐浏览器上不起作用,箭头并没有消失。

我会给你一个简单的视图,看看这个箭头在 Firefox 浏览器中是如何消失的:

火狐浏览器 这是没有箭头的下拉菜单的 chrome 视图: chrome_view

我的问题是:

是否有 CSS 样式属性可以在“Firefox”浏览器中创建一个没有此箭头的下拉菜单?

0 投票
2 回答
160 浏览

javascript - 使用浏览器前缀 js/css 替换

我正在制作一个想要执行以下操作的 javascript 脚本:

为了澄清这一点,是的,我已经在脚本的前面设置了这两种样式。但是,这会导致错误,因为例如在 Chrome 中,它无法识别转换样式。所以replace失败是因为elementObject.style.transform是undefined,undefined没有replace方法。有没有办法做到这一点而不会导致这些错误?我只想要webkit转换,我不需要moz,o或任何其他前缀。