侧边栏中未显示鼠标悬停按钮

时间:2013-05-18 作者:user32994

由于某些原因,我无法将PayPal捐赠按钮添加到我网站的侧栏。我一直在使用CSS创建滚动效果,虽然它在我网站的静态页面上工作:http://kellygreenproject.com/volunteer-2, 在站点右侧边栏的顶部小部件中,相同的方法似乎不起作用。

CSS:

a.paypalButton {
    display: block;
    width: 207px;
    height: 44px;
    background-image: url(\'http://kellygreenproject.com/wp-content/uploads/2013/05/General-Donate.png\');
}

a.paypalButton:hover {
    background-position: bottom left;
}
HTML:
<a class="paypalButton" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=YJFFMF5R5TJ9J"> </a>
我甚至在志愿者页面的底部添加了按钮(http://kellygreenproject.com/volunteer-2) 它在那里工作,但没有显示在侧边栏中。如果我在a标记之间写入文本,它会将按钮作为背景,但这绝对不是我想要做的。

1 个回复
最合适的回答,由SO网友:Ravinder Kumar 整理而成

解决您的问题

1、此css代码与您的css冲突(对于paypal按钮)

#widgets .textwidget a {
display: inline;
}

and

#widgets a {
display: inline-block;
margin: 0;
padding: 0;
text-decoration: none;
}
2。放在显示属性中很重要

a.paypalButton {
        display: block!important;
        width: 207px;
        height: 44px;
        background-image: url(\'http://kellygreenproject.com/wp-content/uploads/2013/05/General-Donate.png\');
}

结束

相关推荐

根据导航菜单漫游将css添加到头部

我的网站上有一个用于导航菜单的自定义walker,其中有一些我想应用于每个菜单的自定义CSS,但是,我不能简单地在那里回显它,因为即使它工作正常,根据W3 validator,它也是无效代码。解决方案是将css代码发送到Head部分,但我对如何发送感到困惑。注意:css代码是动态的,并且会发生变化,因此将css硬编码到样式表中是行不通的。我将所有css存储在一个数组中。class Special_Walker extends Walker_Nav_Menu { function