如何在兩個獨立的類中疊加兩個圖像？

我有兩個類裏面：一：如何在兩個獨立的類中疊加兩個圖像？

.ui-combobox-customclose { 
     background: url('js/autocomplete/css/ui-lightness/images/close-button.gif') no-repeat right center; 
     z-index: 105; 
    }

和其他類（其證明了背景）與輸入框相關聯。如何將此圖像覆蓋在該輸入框的右側（ui-combobox-customclose）。

我在運行時添加這個類。但是這並沒有顯示圖像。

如果我指定高度和寬度，然後輸入.insertAfter。然後圖像即將到來。但是這正在打破整個組織。

我想在輸入框本身內合併該圖像。這就是爲什麼我需要在兩個不同的CSS類中疊加兩個圖像。

來源

2013-04-23 soham.m17

您可以定位一個班級，並添加兩個背景，使頂部的背景變成半透明的PNG。

.backgroundMerge { 
    background: url(one.jpg), url(two.jpg) no-repeat center; 
}

否則，你將需要使用canvas標籤，以及可能的組合圖像導出到一個數據URI字符串，並採取和附加。

編輯：你可以通過它傳遞像下面存放的背景，然後用另一背景

var backgroundOne = $(".ui-combobox- customclose").css('background-image');  
$('element').css({ 'background' : backgroundOne + ', url(someotherimage) no-repeat'});

來源

2013-04-23 12:08:29

添加它現在，我不知道這是提供背景圖像的其他類。我只有自己定義的類。所以我必須在運行時對此做些什麼。那麼如何繼續？請幫忙。 – 2013-04-23 12:20:43

答案沒問題。但是，如果已經有兩個圖像呢！我想告訴你，如果我沒有關於與該元素相關的現有類的任何信息。一種通用的方法！ – 2013-04-26 09:45:54

如果答案是好的，你應該將它標記爲正確:) – 2013-04-27 12:16:48

如何在兩個獨立的類中疊加兩個圖像？

回答

相關問題