-1

在这里，我得到了部门#about：

<div id="about" onMouseOver="document.getElementById('screen').style.top=60" onMouseOut="document.getElementById('screen').style.top=0"></div>

当鼠标移过这个时，我想实现更改另一个的分区坐标。第一次它工作得很好，但现在它不想移动。例如，当我用它替换top时background。

这是我想要影响的部门：

    <div id="screen">
    <a id="msg"></a>
</div>

和它的风格：

    #screen
    {
        height:25px;
        width:500px;
        position:absolute;
        top:0;left:0;right:0;bottom:0;
        margin:auto;
        border-style:solid;
        border-radius:10px;
        text-align:center;
        font-style:italic;
        opacity:0;
        background-image:url("http://www.psdgraphics.com/file/light-wooden-background.jpg");
        transition:opacity 1s, top 0.4s;
    }

谢谢你。

4

1 回答 1

3

您正在设置top一个数字。CSS 长度（除了0）必须有单位。

.style.top = '60px'

（在 Quirks 模式下，浏览器将忽略 CSS 规范中的要求，即忽略具有无效属性的规则并假设像素，这可能是它第一次工作的原因。）

于 2013-09-29T12:00:17.730 回答