使用表格中的提交按钮制作精灵
我想创建两个精灵按钮来validation（或不validation）某些请求。
所以这是我同意的按钮 ：
<div class="validation_button loan_button" id="agreed_loan_button_"> 我想创建两个精灵按钮来validation（或不validation）某些请求。
所以这是我同意的按钮 ：
<div class="validation_button loan_button" id="agreed_loan_button_"> 其中24px.png是24px边尺寸方形透明图像。
这是我的同意按钮发生的地方：
<tr id="loan_">
那么这是我的css ：
.icon-agree { background: url("agree.png"); display: block; width: 24px; height: 24px; &.enabled { background-position: 0 -24px; } &.disabled { background-position: 0 0; } &.active { text-indent: -9999px; &:hover { background-position: 0 -24px; } &:active { background-position: 0 -48px; } } }
当我在开发环境中使用我的应用程序时，它会呈现我想要的内容。 但是，如果我将其推向生产，方形透明图像将变为空白并隐藏精灵背景。
你是否有想法使这项工作，并使它更多……良好的做法？
看起来你正在使用SASS / SCSS。 您是否已validation您的SCSS文件是否已在生产中正确编译？ 你使用任何东西（例如指南针）来组装你的精灵吗？