將側按鈕圖像添加到按鈕

如何用css將按鈕圖像添加到按鈕。我在我們的網站上做了一些清理工作，並使用div將表格格式的幾頁轉換爲css。現在這些按鈕沒有像以前那樣的圓角，但我們仍然有側面圖像。有人可以告訴我如何通過div或css之前和之後添加這些圖像，或沿着這些線添加。這裏是div的樣子和按鈕的css。將側按鈕圖像添加到按鈕

<div> 
    <!-- Edit Repair Button --> 
    <cc1:TemplateButton ID="btnRepair" CssClass="costBenefitButton" runat="server" OnClientClickObjectPaths="0, RecordID; 1, CurrentUser" 
     OnClientClickFormatString="ProblemRepair_problemID = '{0}'; User='{1}'; ModalDivEngine_ShowDiv('ProblemRepairDiv');" 
     TextFormatString="<%$ Resources:CostBenefitDetails, CostBenefitDetails_btnRepair %>" /> 
    <%=TemplateManager.LOOP_TAG_END %> 
</div>

CSS：

.costBenefitButton 
{ 
    background-image: url(../../Images/SubmitButtonBack.png); 
    color: White; 
    font-family: Verdana; 
    font-weight: bold; 
    font-size: 8pt; 
    width: 160px; 
    height: 22px; 
    border: none; 
    position: relative; 
    cursor: pointer; 
    margin-bottom: 5px; 
}

請沒有的jQuery或原型插件。謝謝

來源

2011-04-26 user516883

background: #color url(../../Images/SubmitButtonBack.png) no-repeat left top;

這會把你的圖像放到按鈕的左上角。現在，您可能需要稍微移動一下圖標才能使其完美放置，因此您可能需要使用像素值（例如2px 3px），而不是left top，然後將該像素值放置在按鈕左上方的像素位置。

來源

2011-04-26 13:33:36

不知道我關注。我有兩面圖像，我希望能夠將它們添加到按鈕的每一側。如果你正在解釋，你能解釋更多併發布更多的代碼。謝謝！ – user516883 2011-04-26 13:37:45

將側按鈕圖像添加到按鈕

回答

相關問題