如何在不支持某个值时声明 CSS 个带有回退值的值

Question

我想用

overflow: overlay

在chrome，但是

overflow: scroll

在火狐中。如果我只声明 overlay 值，那么 firefox 根本不会滚动。 我知道覆盖不是标准的，但现在这应该是完全不相关的。

我的问题是，这是让每个浏览器都具有所描述值的最佳方式。

是否可以单独在 CSS 内部进行回退？想不到有，但也许有窍门。

如果需要javascript，我该如何测试溢出值的可用性？

Answer 1

您只需提供两者，浏览器将使用最后识别的一个。

或者您可能需要考虑为不同的浏览器应用不同的样式 https://www.browserstack.com/guide/create-browser-specific-css

Answer 2

您可以直接在 CSS 中为元素提供这些值。

您也可以使用类来设置这个属性。拥有三个分别具有这些样式的个人 类，并使用 javascript 附加 类，第一个是后备样式。