css表达式在网站建设中的应用
时间:2012-10-30
css表达式(css Expression)是从IE5开始引入的,允许在css属性值中使用Javascript表达式,它只适用于IE浏览器。属性值由表达式和其后括号中的脚本代码组成,脚本代码的结果会返回给这个属性。在下面这个示例中,div元素的宽度由表达式的计算结果来确定,它的宽度总是浏览器窗口宽度的一半;
div{
height:80px;
background:yellow;
width:expreesion(document.body.clientwidth/2);
}
<div>通过css表达式设置本元素宽度为浏览器窗口宽度的一半。</div>
出于对性能的考虑,一些开发者不推荐使用Css表达式,因为表达式的执行频率远比想象中的高,不但当页面加载时表达式需要执行,而且当窗口大小发生变化时,浏览器滚动条产生移动时,或是用户将鼠标指针移到页面上时,表达式都需要重新计算,解决办法是改用javascript脚本对元素样式进行控制,以避免由css表达式带来的性能问题。