css - 将侧边按钮图像添加到按钮

Question

如何使用 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 或原型(prototype)插件。谢谢

Answer 1

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

这会将您的图片放在按钮的左上角。现在，您可能需要稍微移动图标以使其完美放置，因此您可能需要使用像素值(例如 2px 3px)代替 left top，这然后是按钮左上角像素的位置。