当一个值不被支持时,如何声明带有回退的CSS值



我想使用

overflow: overlay

在chrome中,但是

overflow: scroll

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

我的问题是,哪一个是最好的方式来让每个浏览器的值描述。

是否有可能在CSS内部单独有一个回退?我不认为有,但也许有诀窍。

如果它需要javascript,我将如何测试溢出值的可用性?

您只需同时提供这两个参数,浏览器将使用最后一个可识别的参数。

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

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

您也可以使用类来设置此属性。有三个单独的类,分别有这些样式,并使用javascript附加类与第一个是回退样式。

最新更新