我的原始按钮不会出现但我的悬停会出现?

时间:2013-07-16 01:07:57

标签: css button web hover hyperlink

在我的网站上,我的按钮没有显示出来。但是,当我将鼠标放在它们上面时,悬停图像会显示出来。他们会为你演出吗?让我知道。

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

2 个答案:

答案 0 :(得分:1)

你在css上犯了背景图片的错误:

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

您在网址属性

前添加了“Enter”或\ n

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

答案 1 :(得分:0)

这是你的navicon的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;
}