background-position-x (background-position-y) 是标准的 W3C CSS 属性吗?

Posted

技术标签:

【中文标题】background-position-x (background-position-y) 是标准的 W3C CSS 属性吗?【英文标题】:Is background-position-x (background-position-y) a standard W3C CSS property? 【发布时间】:2012-03-28 01:30:01 【问题描述】:

我很担心background-position-xbackground-position-y。 Gecko (Firefox) 和 Presto (Opera) 不支持它们,但 Webkit (Chrome, Safari) 支持...

有人知道(有官方参考资料)这是否(或将)包含在标准中吗?

【问题讨论】:

规范中未找到:w3.org/TR/css3-background/#the-background-position @Joseph 我找到了 W3C 的东西,但没有找到。但前段时间 也是如此......现在我猜是标准(我没有验证) Firefox 是唯一不支持此功能的主流浏览器。转到bugzilla.mozilla.org/show_bug.cgi?id=550426 并投票。 您可以vote on this issue 尝试说服 Firefox 开发人员将其包含在 Gecko 中 这些属性是非标准的。另请注意,Webkit(Safari、Chrome)实现了它们,但如果用户缩放页面,它们返回的值与标准背景位置不同。虽然背景位置在缩放时保持一致,但背景位置-[xy] 调整为缩放后的当前渲染坐标。在 Chromium 34.0.1847.116 上测试 【参考方案1】:

Splitting background-position into -x and -y was proposed for CSS 3 但由于工作组“认为用例太弱而无法为其引入新属性”而被拒绝。此外,似乎还有some ambiguity concerns 与multiple background images 和CSSOM,CSS 背后的API。我不确定 WebKit 和 Trident 是如何实现它们的,以及它们是如何解决这些问题的。

昨天的CSS WG blob has just reported 表示“不会更改background-positiontransform-origin 的语法”。 The reason is probably due to not getting any further delays.

也许它会被添加到 CSS 4 中。有一个 current thread on the www-style@w3.org mailing list 你可能会觉得有趣。


更新    显然这些属性已被批准用于 CSS 4(请参阅 [CSSWG] Minutes Telecon 2014-04-16):

已解决:background-position-x/-ybackground-repeat-x/-y 已获准用于 4 级背景和边框。

【讨论】:

好的,有了你的所有链接,我现在确定它在很长一段时间内都不会成为标准!谢谢! 好答案,但不是我想听到的。 :/ 赞成。 好像只有火狐不支持,因为Opera使用的是Blink渲染引擎snook.ca/archives/html_and_css/background-position-x-y。也许 w3c 标准化浏览器已经实现的内容可能会很棒:/ 请考虑 W3C 2014 年 4 月更新的新答案。这些属性现在是标准的一部分。 对此的真正支持如何?【参考方案2】:

background-position-xbackground-position-y 现在是 level 4 of Backgrounds and Borders standard 的一部分。

已解决:背景位置-x/-y,背景-重复-x/-y 获准用于 4 级背景和边框。

【讨论】:

浏览器支持pretty good,然而:Firefox 根本不支持它:(【参考方案3】:

我猜在某种意义上你已经回答了你自己的问题。 不,background-position-x 和 background-position-y 都是非标准的。

【讨论】:

浏览器支持(如历史和 Internet Explorer 所示)不一定与标准有关 这正是我在“某种意义上”添加的原因)但是,这些属性是非标准的。虽然很有用) 好吧,我会需要它,但由于它们在很长一段时间内都不会包含在任何标准中,我更喜欢有一个更长的 CSS 可以在每个浏览器中运行,而不是更短的 CSS FF 的越野车,作品

以上是关于background-position-x (background-position-y) 是标准的 W3C CSS 属性吗?的主要内容,如果未能解决你的问题,请参考以下文章

CSS中文本的背景颜色?

大图片依据分辨率自适应宽度

简单动画-让你的背景图动起来!!!

兼容性问题,这个是巨大的陨石坑

动画在 jQuery >1.4.x 中被破坏

我开始半全职做BA了