jquery - 用CSS类加载图像？

Question

我有创建按钮类型背景的类。如何在像这样的文本之前加载图标图像？

html

<div style="padding-left: 5px; position: absolute; height: 3em;width: 100%;">               
    <div id="Body_inputUpload" class="uploadify"><object id="SWFUpload_0" type="application/x-shockwave-flash" data="Images/uploadify.swf?preventswfcaching=1396906987080" width="120" height="30" class="swfupload" style="position: absolute; z-index: 1;"><param name="wmode" value="transparent"></object>
  <div id="Body_inputUpload-button" class="uploadify-button fileUploaderBtn">
         <span class="uploadify-button-text">Upload</span>
  </div>
</div>
<div id="Body_inputUpload-queue" class="uploadify-queue"></div>

CSS

.uploadify {
position: relative;
margin-bottom: 1em;
}
.fileUploaderBtn {
border: .1em #868686 solid;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
font-size: 1em;
font-family: Segoe UI;
padding: 5px 10px 5px 5px;
text-decoration: none;
display: inline-block;
text-shadow: 0px 0px 0 rgba(0,0,0,0.3);
text-align: left;
color: #000000;
background-color: #f4f5f5;
background-image: linear-gradient(to bottom, #f4f5f5, #dfdddd);
    height: 25px;
line-height: 20px;
width: 81px;
}

要加载这张图片

JSFiddle

Answer 1

如果您有权访问 DOM，则可以通过 img 标签插入图像，该标签位于包含文本“upload”的 span 之前。这是一个显示该选项的 fiddle :http://jsfiddle.net/72M8h/