下面是他的原代码,原理是就想在使用的时候进行判断,如果有这个属性并且支持这种值,就 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;
}
一个思路...记录下。
网友评论