none
用javascript 实现 CSS的 expression(this.offsetParent.scrollTop) 该怎么写? RRS feed

  • 问题

  • 我的CSS里有类似于    top:expression(this.offsetParent.scrollTop);
                                   left:expression(this.offsetParent.scrollLeft);

    这样的样式用于遮盖一些区域,但在ie8上不起作用,说是不支持expression 了,换在 javascript 里来该怎么写?

    document.all.coverdiv.style.top = ?

    document.all.coverdiv.style.left=?

    2010年4月21日 3:46

答案

全部回复

  • document.all.coverdiv.style.top=document.all.coverdiv.offsetParent.scrollTop + "px"

    【孟子E章】
    • 已标记为答案 scate233 2010年4月22日 3:19
    2010年4月21日 13:32
    版主
  • 我试图遮盖某个控件,下面这样写结果歪了

    <body>
        <form id="form1" runat="server">
        <table >
        <tr><td style=" width:100px"></td><td>
        <div id="k1" runat="server" style="height:224px; width:400px; border-style:groove; border-width:2px">
            <asp:Calendar ID="Calendar1" runat="server"></asp:Calendar>
            <asp:Button ID="show" Text="show" runat="server" OnClientClick ="return onshow()"/>
        </div>
        </td></tr>
        </table>
        <div id="k2" style=" display:none;position: absolute;background-color: #fff; border-style:groove; border-width:2px; z-index:9999">
        <asp:Button ID="ok" Text="kill!" runat="server" OnClientClick="return onkill()"/>
        </div>
       
        <script language="javascript" type="text/javascript">

            function onshow() {
                document.all.k2.style.display = "block";
                document.all.k2.style.width = document.getElementById("<%=k1.ClientID%>").style.width ;
                document.all.k2.style.height = document.getElementById("<%=k1.ClientID%>").style.height ;
                document.all.k2.style.left = document.getElementById("<%=k1.ClientID%>").offsetLeft;
                document.all.k2.style.top = document.getElementById("<%=k1.ClientID%>").offsetTop;

                return false;
            }

            function onkill() {

                document.all.k2.style.display = 'none';


                return false;
            }
       
       
       
        </script>
        </form>
    </body>

    2010年4月22日 7:38