Question

该网站为http://freetorun.net/choose/ 按钮应具有白色背景。我看了，无法弄清楚这个问题。抱歉，但不确定您是否需要整个HTML页面或仅包含问题的部分任何你能发光的光都值得赞赏！斯潘塞

    div style="text-align: center;"><a class="small-light-button" title="Buy Now" href="http://freetorun.net/running-level-1-registration/">Buy Now</a></div>
</div></div>
</div>
<div class="one_fourth">
<div class="custom" style="background:-moz-linear-gradient(center top , #0352bd, #011633) repeat scroll 0 0 transparent;
                           background: -webkit-gradient(linear, center top, center bottom, from(#0352bd), to(#011633));
                                               background: -o-linear-gradient(top, #0352bd 0%,#011633 99%); /* Opera 11.10+ */
                                               background: -ms-linear-gradient(top, #0352bd 0%,#011633 99%); /* IE10+ */
                           margin-left:0 !important;
                           margin-right:0 !important;
                           border:1px solid #3D5C00;
                           background-color: #011633;
                           width:100%;
                           color:#FFFFFF;"><div class="inner-padding">
<div style="text-align: center;">
<h4 style="margin-bottom: 5px;"><span style="font-size: 30px; color: #ffffff;">POSE Running Clinic</span></h4>
<h3 style="color: #ffffff;">Level 2</h3>
<h5 style="margin-bottom: 5px;"><span style="font-size: 24px; color: #ffffff;">$125.00</span></h5>
<p>&nbsp;</p>
</div>

Answer 1

我不确定你的按钮应该是什么样子，但你不需要这里的背景图片。

添加类似

的内容

background: -webkit-linear-gradient(top, rgba(237,237,237,1) 0%,rgba(255,255,255,1) 100%);
border: 2px solid white;
padding: 0px 8px !important;

按钮样式。

并且

-webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(237,237,237,1) 100%);

到悬停样式。这类似于你的风格中的背景图像。

Answer 2

中有背景

a.small-light-button{
    background: transparent url(../../common-images/small-light-button-l.png) no-repeat scroll left top;
}

搞砸一切，删除它。然后你必须添加：

background-color: #fff;

这是一个开始。您应该考虑使用样式表* .css对设计代码进行分解，在Google上查看。

这应该组织您的设计，并使其在未来易于维护和改进！

不在网站上呈现的按钮 - 应该具有白色背景

2 个答案: