Question

我正在尝试根据浏览器支持在图像上显示过滤器。

如何使用javascript检查浏览器是否支持特定的CSS属性，如filter和--webkit-filter？

我正在使用以下功能，但它无效

 isCSSStyleSupported: function(prop, value) {
            // If no value is supplied, use "inherit"
            value = arguments.length === 2 ? value : 'inherit';
            // Try the native standard method first
            if ('CSS' in window && 'supports' in window.CSS) {
                return window.CSS.supports(prop, value);
            }
            // Check Opera's native method
            if('supportsCSS' in window){
                return window.supportsCSS(prop, value);
            }
            // Convert to camel-case for DOM interactions
            var camel = prop.replace(/-([a-z]|[0-9])/ig, function(all, letter) {
                return (letter + '').toUpperCase();
            });
            // Check if the property is supported
            var support = (camel in el.style);
            // Create test element
            var el = document.createElement('div');
            // Assign the property and value to invoke
            // the CSS interpreter
            el.style.cssText = prop + ':' + value;
            // Ensure both the property and value are
            // supported and return
            return support && (el.style[camel] !== '');
        },

Answer 1

您可以查看返回t.total或true

的CSS.supports

false

但有一个问题。 IE不支持此功能

或者你也可以浏览一个插件的modernizr

如何检查浏览器是否支持特定的css属性

1 个答案: