美文网首页
判断浏览器是否支持指定css属性和指定值

判断浏览器是否支持指定css属性和指定值

作者: solfKwolf | 来源:发表于2019-11-23 22:03 被阅读0次

    下面是他的原代码,原理是就想在使用的时候进行判断,如果有这个属性并且支持这种值,就 css 实现, 否者就用 js 实现。

    比较明显的例子就是 text-overflow 这个属性,text-flow:clip 是大部分浏览器都支持的,而 text-flow:ellipsis 则在 firefox 和 10.6 版本以下 opera 上工作不了,让人相当头疼。

    var element = document.createElement('div');
    if('textOverflow' in element.style){
        element.style['textOverflow'] = 'ellipsis';
        return element.style['textOverflow'] === 'ellipsis';
    }else{
        return false;
    }
    

    一个思路...记录下。

    相关文章

      网友评论

          本文标题:判断浏览器是否支持指定css属性和指定值

          本文链接:https://www.haomeiwen.com/subject/zrrkwctx.html