css表达式的缺点,css 居中-css表达式及缺点

* html,* html body{background-image:url(about:blank);background-attachment:fixed;} //IE6下防抖动

.centerDiv { //居中

position: fixed !important;

left: 50%;

margin-left: -260px !important; //根据宽度修改

top: 50%;

margin-top: -200px !important;

_margin:0px;

_left: expression(eval(document.compatMode && document.compatMode==’CSS1Compat’)?(documentElement.scrollLeft + (document.documentElement.clientWidth-this.offsetWidth)/2):(document.body.scrollLeft + (document.body.clientWidth – this.clientWidth)/2));

_POSITION: absolute;

_TOP: expression(eval(document.compatMode && document.compatMode==’CSS1Compat’)?(documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2):(document.body.scrollTop + (document.body.clientHeight – this.clientHeight)/2));

}

.leftDiv{//固定左侧

position: fixed ; left: 0px; top: 150px;_position:absolute !important;_right:auto;_LEFT: expression(eval(document.compatMode && document.compatMode==\'CSS1Compat\')?(documentElement.scrollLeft + 0):(document.body.scrollLeft + 0)); _TOP: expression(eval(document.compatMode && document.compatMode=='CSS1Compat')?(documentElement.scrollTop + 150):(document.body.scrollTop + 150))

}

尽量避免使用CSS表达式

表达式的问题在于对其进行的求值的频率比人们期望的要高。他们不仅在页面呈现和大小改变时求值，当页面滚动甚至用户鼠标在页面上移过时都要求值。我们可以向CSS表达式中添加一个计数器来进行跟踪。

表达式计数器的实例：

转载时请注明出处及相应链接，本文永久地址：https://blog.yayuanzi.com/151.html

微信打赏

支付宝打赏

感谢您对作者terry的打赏，我们会更加努力！    如果您想成为作者，请点我