css - 具有 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 - 和可点击区域。