css - 如何让我的图像悬停？

Question

我试图让我的 Logo 悬停在鼠标悬停时，但它不起作用。我有两张图片上传到我的服务器。这是代码，她是网址。有什么问题吗？

http://arabic001.com

<div id='logo'>
            <a href="/index.html">
                <img src="/images/logo001H.png" style="display:none">
                <img src="/images/logo001.png"
                    onMouseOver="this.src='/images/logo001H.png'" 
                    onMouseOut="this.src='/images/logo001.png'">
            </a>
        </div>
#logo {
    position:absolute;  
    text-align:center;
    top:20px;
    right:10px;
    height:150px;
    width:150px;
    cursor:pointer;
}

Answer 1

我不是 Javascript 专家，但我不会为此使用 Javascript。

试试下面的 CSS:

a.logo { /* and add class="logo" to the a-element */
    display:block;
    width:150;
    height:105px;
    background:url(/images/logo001H.png) no-repeat;
}    
a.logo:hover {
    background:url(/images/logo001.png) no-repeat;
}

并删除 img 的...