一直以来我们被教育说CSS Expression是个坏东西,很影响性能,应该禁止使用,但是如果仔细想想CSS表达式影响性能的原因,规避掉影响性能的写法,CSS表达式还是能给我们带来一些惊喜的。CSS表达式影响性能的原因:CSS表达式会进行频繁的计算(CSS计算的频率要远远超出我们的想象,不仅在页面显示和缩放时,在页面滚动、移动鼠标都会重新计算一次),从而影响到页面的性能。如果浏览器只需要执行一次CSS表达式,那会多Happy啊。

 

/* 解决IE6背景图片不缓存的问题 */
* html body{_zoom:expression(function(x){x.style.zoom=1;try{document.execCommand('BackgroundImageCache',false,true)}catch(e){return}}(this))}

 

/* 去掉链接点击的虚线边框 */
a:active{*direction:expression(function(x){x.style.direction='ltr';x.hideFocus=1}(this))}
 posted on 2013-06-18 10:05  一个有双下巴的死胖子  阅读(295)  评论(0编辑  收藏  举报