带有base64图像背景的可点击div

Question

我有一个带有base64图像背景的div，并将div宽度设置为40x40像素，这也是图像的原始大小。我希望整个div可以点击，但实际上只有大约10px x 10px的区域。

<template name="print">
 <div style="display:inline-block; margin-left:705px; margin-top:40px;min-width:40px; min-height:40px; cursor:pointer; background-image:url(data:image/gif;base64,R0lGODlhK...w==);" id="printSelect" >
 </div>
</template>

Template.print.events({
 'click #printSelect': function(theEvent, theTemplate) {
    // popup a list of available reports
    theTemplate.find("#reportSel").style.display = "inline";
 }
})

任何想法都可以让整个div可点击？

Answer 1

您的div有40px margin未添加到div的空间。请尝试使用width和height或padding，以便将空格添加到您的div - 以及可点击区域。