css - 我的原始按钮不会显示，但我的悬停会？

Question

在我的网站上，我的按钮没有出现。但是，当我将鼠标放在它们上方时，悬停图像确实会出现。他们给你看吗？让我知道。

链接：http ://cascadestudios.webstarts.com/terms_of_service.html

Answer 1

您在背景图像的 css 上犯了一个错误：

.layicon a#semi{display: block;width:138px;height:27px;background:url(http://icpy.webs.com/button/semi.png) no-repeat;}.

您在 url 属性前添加了“Enter”或 \n

尝试使用 chrome 打开您的网站，然后检查您的元素。chrome会显示你的背景设置是非法的。

Answer 2

这是您的导航图标的 css

.navicon a#terms {
    display: block;
    height: 27px;
    width: 138px;
}

悬停时，添加背景图像。

.navicon a#terms:hover {
    background: url("http://icpy.webs.com/button/Terms0.png") no-repeat scroll 0 0     transparent;
}

您需要将背景图像添加到实际链接。

.navicon a#terms {
    display: block;
    height: 27px;
    width: 138px;
    background: url("http://icpy.webs.com/button/Terms0.png") no-repeat scroll 0 0     transparent;
}