探索 2022 年 7 月穩定版和 Beta 版網路瀏覽器提供的一些有趣功能。
穩定版瀏覽器
Firefox 103 和 Safari 15.6 的穩定版已在 7 月推出，因此我們得以互通其中一些實用的 CSS 功能。
backdrop-filter 屬性
Firefox 103 包含 backdrop-filter 屬性，可用於套用特效，例如對元素後方的區域進行模糊處理。在 Firefox 中使用這個值，現在三個引擎都可使用這個值，不過 Safari 需要加上 -webkit 前置字元。
scroll-snap-stop 屬性
Firefox 也導入了 scroll-snap-stop 屬性。這個屬性可讓您控制捲動元素是否通過可能的貼齊位置 (使用 normal 的預設值)，或必須貼齊第一個位置 (含有 always 值)。scroll-snap-stop 屬性現在全部三個瀏覽器引擎中。
Safari 15.6 這個版本主要是為瞭解決問題，但利用 :modal 虛擬類別打造了一項新的 CSS 功能。這項功能也可在 Firefox 103 中推出。:modal 虛擬類別會在元素關閉前，無法與該元素外的所有內容互動。例如，使用 showModal() 開啟的 dialog 元素。
Beta 版瀏覽器版本
「Beta 版瀏覽器」可讓您預覽瀏覽器下一個穩定版本即將推出的功能。敬請把握這個大好機會，測試及移除哪些功能，以免影響網站在全球發布前受到影響。
由於發布日期僅落在當月之外，因此 6 月的唯一 Beta 版是 Firefox 104。
Firefox 104 中提供了 Web Workers 中的 CSS Font Loading API 以及 CSS animation-composition 屬性，用於定義當多個動畫同時影響同一個屬性時所使用的組合作業。
上個月提到的 Safari 16 Beta 版也仍在持續更新中。
這些 Beta 版功能很快就會在穩定版瀏覽器中推出。
網路新手系列叢書部分