chrome_html/css_WEB-ITnose での式の使用方法

本帖最后由 jimmykingl 于 2014-02-18 10:58:30 编辑

在CSS样式里 调用js
left: expression(document.getElementById("datagrid").scrollLeft);


代码如下：

td.locked 
    {
        height: 15px;
        border: solid 1px #ACA899;
        text-align: center;
        table-layout: fixed;
        border-top-width:thin;
border-top: 1px;
border-left-width:thick;
        border-left:1px;
        word-break: break-all;
        word-wrap: break-word;
        position:relative;
white-space:nowrap;
left: expression(document.getElementById("datagrid").scrollLeft);
         top: expression(this.style.top);
        z-index: 10;
    }


可是在IE下 好用在 chrome下不识别 请问 应该怎么修改

回复讨论(解决方案)

这个是hack的一种，能不用还是不用吧，非常影响性能的。

只见过为了模拟IE7-浏览器中，实现fixed效果是使用这个的，还没有见过非得用这个的情况呢。

如果你也是想要实现fixed的效果的话，在chrome下，直接使用就行了，会支持的fixed的属性的。

哇，这么高级的东西，
搜了下，
http://www.cnblogs.com/JustinYoung/archive/2008/10/17/ending-expressions.html

这个是hack的一种，能不用还是不用吧，非常影响性能的。

只见过为了模拟IE7-浏览器中，实现fixed效果是使用这个的，还没有见过非得用这个的情况呢。

如果你也是想要实现fixed的效果的话，在chrome下，直接使用就行了，会支持的fixed的属性的。

请问能帮我写下么 没写过 

我刚才试了下 fixed 不好用呀 

td.locked {    height: 15px;    border: solid 1px #ACA899;    text-align: center;    table-layout: fixed;    border-top-width:thin;	border-top: 1px;	border-left-width:thick;    border-left:1px;    word-break: break-all;    word-wrap: break-word;    position:relative;	position:fixed;   //如果不支持，那么就不会被解析，就会按照上面的那个相对定位使用。	white-space:nowrap;	left:100px;   //如果下面的可以使用，则会覆盖这个	top:100px;    //这里的数值，可以改成你想要的数值	left: expression(document.getElementById("datagrid").scrollLeft);    top: expression(this.style.top);    z-index: 10;}

你试试这样，我没有测试行不行，理论上应该没有问题的，如果你不了解的话，就搜索一下“固定定位”，有挺多这方面的东西的。

谢谢。我找找