Question

我在这里得到了分部#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;
    }

谢谢。

Answer 1

您正在将top设置为数字。 CSS长度（0除外）必须有单位。

.style.top = '60px'

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

你能看到这个Html / Css代码中的错误吗？

1 个答案: