我使用此代碼將圖像圖標放在div
上。無論div
的position
,圖像圖標將那裏作爲圖像圖標css position
由div absolute position
決定:Jquery CSS浮動後追加絕對定位
jQuery(document).ready(function($) {
var divname1= '.mydiv';
var position = $(divname1).offset();
$('#myicons').css(position);
$(divname1).append('<div id="myicons"><a href="#"><img src="http://test.tld/wp-content/plugins/myplugin/resources/img/myicons.png"></a></div>');
});
它完美,除了問題是,它佔用的空間和附加到後扭曲現有的div
div
它將放置在哪裏。我想在追加後將其浮於目標div
(例如divname1
)以便不改變現有的divname1
佈局。
您有什麼想法嗎?
如何不將'新的div'追加到原始的div?只需創建新的div,並使用原始位置數據將其定位在同一位置(也許使用z-index以確保它保持在最前面)。 此外,我建議使用id而不是類來標識'mydiv'div –
我發現append方法更靈活,因爲我有很多div會附加上取決於它們位置的這些圖標。這些JS代碼將由服務器端的PHP腳本創建。如果我只能將這些圖標浮在這些div上,那將是完美的。感謝您使用id的建議,我會嘗試使用z-index,並嘗試使用其他選項。 –