具有 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。尝试改用 width
和 height
或 padding
,这样 space 就会添加到您的 div - 和可点击区域。
我有这个 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。尝试改用 width
和 height
或 padding
,这样 space 就会添加到您的 div - 和可点击区域。