如何獲取要添加到縮略圖的圖像右上方的圖標？

這是我的代碼...我試着給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); 
};

來源

2013-07-24 Rohini

使用position:absolute代替，但要如果它打破了流量，設置的錨的position到relative。您還可以將錨點設置爲inline-block元素。

您的代碼示例也有一些無效的HTML。將<i>標記移動到<img>標記後面。

看一看這個jsFiddle爲HTML CSS &的樣本

來源

2013-07-24 06:48:09 Raybiez

如果位置絕對做那麼它會出現在頁面的右上角，而不是該縮略圖。 – Rohini

這就是爲什麼你需要使錨點的位置相對。 – Raybiez

我已經給它如此....但即使如此，如果失敗的工作！ – Rohini

如何獲取要添加到縮略圖的圖像右上方的圖標？

回答

相關問題