首页 web前端 css教程 `background-position-x` 和 `background-position-y` 是 CSS 标准的正式一部分吗?

`background-position-x` 和 `background-position-y` 是 CSS 标准的正式一部分吗?

Dec 01, 2024 am 04:38 AM

Are `background-position-x` and `background-position-y` Officially Part of the CSS Standard?

揭开background-position-x和background-position-y之谜:W3C CSS探索

CSS属性的领域经常激发好奇心和不确定性,特别是当某些属性在浏览器中表现出不同程度的支持时。这些有趣的属性包括background-position-x 和background-position-y,这引起了人们对将它们纳入W3C CSS 标准的疑问。

Background-position-x 和-y:一个故事争议

background-position-x和background-position-y由于浏览器之间的支持不一致而引发了争论。 Gecko (Firefox) 和 Presto (Opera) 仍然坚持省略这些属性,而 Webkit (Chrome、Safari) 则拥抱它们的功能。这种差异让开发人员思考他们在 CSS 标准中的官方地位。

回答查询:官方参考资料和见解

为了阐明这个谜团,我们查阅了官方参考资料和见解深入研究了围绕这些属性的复杂讨论。我们的研究结果表明,CSS 3 曾提议将背景位置分离为 -x 和 -y,但最终被拒绝。这一决定背后的原因源于工作组认为该用例缺乏足够的优点来保证引入新属性。

解决问题并评估 WebKit 的实现

此次拒绝还凸显了对涉及多个背景图像的场景以及通过 CSS 对象模型 (CSSOM) 操作 CSS 的潜在歧义的担忧。目前尚不清楚 WebKit 和 Trident 如何设法实现这些属性并减轻这些问题。

语法没有变化:CSS 的稳定背景位置

最近更新CSS工作组确认不会对background-position或transform-origin的语法进行调整。这一决定可能是为了避免标准化过程进一步延迟。

未来一瞥:CSS 4 及以后

虽然这些属性可能还没有找到它们的位置在 CSS 3 中,它们包含在 CSS 4 中的可能性仍然存在。当前关于 www 式邮件列表的讨论揭示了该领域的持续发展。

更新:已获得 4 级批准

在最近的更新中,背景 - position-x/-y 和 background-repeat-x/-y 已被正式批准纳入 CSS 4。这标志着 CSS 发展的一个重要里程碑,认识到这些属性作为后台操作的合法标准属性。

以上是`background-position-x` 和 `background-position-y` 是 CSS 标准的正式一部分吗?的详细内容。更多信息请关注PHP中文网其他相关文章!

本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

Video Face Swap

Video Face Swap

使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

热门话题

Java教程
1653
14
CakePHP 教程
1413
52
Laravel 教程
1306
25
PHP教程
1251
29
C# 教程
1224
24
Google字体可变字体 Google字体可变字体 Apr 09, 2025 am 10:42 AM

我看到Google字体推出了新设计(Tweet)。与上一次大型重新设计相比,这感觉更加迭代。我几乎无法分辨出区别

如何使用HTML,CSS和JavaScript创建动画倒计时计时器 如何使用HTML,CSS和JavaScript创建动画倒计时计时器 Apr 11, 2025 am 11:29 AM

您是否曾经在项目上需要一个倒计时计时器?对于这样的东西,可以自然访问插件,但实际上更多

HTML数据属性指南 HTML数据属性指南 Apr 11, 2025 am 11:50 AM

您想了解的有关HTML,CSS和JavaScript中数据属性的所有信息。

如何通过CSS选择第一个类名为item的子元素? 如何通过CSS选择第一个类名为item的子元素? Apr 05, 2025 pm 11:24 PM

在元素个数不固定的情况下如何通过CSS选择第一个指定类名的子元素在处理HTML结构时,常常会遇到元素个数不�...

为什么Flex布局中的紫色斜线区域会被误认为是'溢出空间”? 为什么Flex布局中的紫色斜线区域会被误认为是'溢出空间”? Apr 05, 2025 pm 05:51 PM

关于Flex布局中紫色斜线区域的疑问在使用Flex布局时,你可能会遇到一些令人困惑的现象,比如在开发者工具(d...

使Sass更快的概念证明 使Sass更快的概念证明 Apr 16, 2025 am 10:38 AM

在一个新项目开始时,Sass汇编发生在眼睛的眨眼中。感觉很棒,尤其是当它与browsersync配对时,它重新加载

在前端开发中,如何使用CSS和JavaScript实现类似Windows 10设置界面的探照灯效果? 在前端开发中,如何使用CSS和JavaScript实现类似Windows 10设置界面的探照灯效果? Apr 05, 2025 pm 10:21 PM

在前端开发中如何实现类似Windows...

我们如何创建一个在SVG中生成格子呢模式的静态站点 我们如何创建一个在SVG中生成格子呢模式的静态站点 Apr 09, 2025 am 11:29 AM

格子呢是一块图案布,通常与苏格兰有关,尤其是他们时尚的苏格兰语。在Tar​​tanify.com上,我们收集了5,000多个格子呢

See all articles