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或原型插件。感谢

Answer 1

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

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

将侧按钮图像添加到按钮

1 个答案: