CSS表达式

时间:2023-03-09 08:00:21
CSS表达式

  一直以来我们被教育说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))}