2016-02-04 24 views
0

該網站是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> 
+0

如果這是您正在討論的按鈕'Buy Now',我們需要了解** small-light-button定義了哪些css ** –

回答

0

我不知道你是如何真正按鈕應該是什麼樣子,但你並不需要在這裏的背景圖像。

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%); 

到懸停風格。 這與您在樣式中使用的背景圖像相似。

+0

這很好用!謝謝您的幫助! –

0

有一個在

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

哪個螺絲一切,刪除這樣的背景下。然後您必須添加:

background-color: #fff; 

這是一個開始。您應該真的想到使用樣式表* .css來分解您的設計代碼,並在Google上查看。

這應該組織您的設計,並使其在未來易於維護和改進!