Fatal编程技术网
  • javascript/
  • Javascript 如何将图像右上方的图标添加到缩略图中？

Javascript 如何将图像右上方的图标添加到缩略图中？

javascript

Javascript 如何将图像右上方的图标添加到缩略图中？,javascript,Javascript,这是我的代码…我尝试在标记中给出style=“position:relative；right:0；top:0；”。但是，它没有出现在那个位置 //样式标签 .thumb { height: 75px; border: 1px solid #000; margin: 10px 5px 0 0; display: inline-block; position: relative; } span.innerHTML = [ '<a href="#"

这是我的代码…我尝试在标记中给出style=“position:relative；right:0；top:0；”。但是，它没有出现在那个位置

//样式标签

.thumb {
    height: 75px;
    border: 1px solid #000;
    margin: 10px 5px 0 0;
    display: inline-block;
    position: relative;
}
span.innerHTML = [
    '<a href="#" class="delete" id="x"><i class=" icon-remove-sign "position: relative;
    style="top:0; right:0;" ></i><img class="thumb" src="', e.target.result, '" title="', escape(theFile.name), '" width="130" height="150"/></a>' 
].join('');
     document.getElementById('list').insertBefore(span, null);
};

.thumb{
高度：75px；
边框：1px实心#000；
利润率：10px 5px 0；
显示：内联块；
位置：相对位置；
}
span.innerHTML=[
'' 
].加入（“”）；
document.getElementById（'list'）.insertBefore（span，null）；
};
改用
位置：绝对
，但如果它中断了流程，则将锚点的
位置设置为
相对
。您还可以使锚定成为
内联块
元素

您的代码示例还包含一些无效的HTML。将
标记移至
标记之后


查看一下HTML和CSS示例
如果将位置设置为绝对，则它将显示在页面的右上角，而不是缩略图的右上角。这就是为什么需要将锚定的
位置设置为相对
@Shruthi。请确保添加
显示：内联块到你的锚。这也无法工作…尝试添加显示：内联块；