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

Clickable div with base64 image background

我有这个 div 带有 base64 图像背景并将 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 可以点击吗?

您的 div 有 40px margin 未添加到 div 的 space。尝试改用 widthheightpadding,这样 space 就会添加到您的 div - 和可点击区域。