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

Question

这里我得到了师#about:

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

我想实现当鼠标越过这个时改变另一个的分割坐标。第一次它工作完美但现在它不想移动。例如，当我将 top 替换为 背景它有效。

这是我想要影响的部门:

    <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 规范中的要求，即忽略具有无效属性的规则并假定像素，这可能是它第一次起作用的原因。)