将侧按钮图像添加到按钮

如何用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

将侧按钮图像添加到按钮

回答

相关问题