Я пишу текст через javascript, чтобы сделать его более динамичным, но я хочу наложить второе изображение поверх первого, но первое изображение обернуто в слова, и я не могу заставить эти две вещи работать вместе.
document.getElementById("forminfo").innerHTML = "<div class='img-magnifier-container'>";
document.getElementById("forminfo").innerHTML += "<img id='myimage' src='images/Gashats/"+ItemImage+"' width='135em' align='left';/>";
document.getElementById("forminfo").innerHTML += "</div>";
document.getElementById("forminfo").innerHTML += "<h3 class='texthilight'>"+ItemAdPrefix+" "+ItemAd+" "+RiderClass+" LVL "+ItemLevel+"</h3>";
document.getElementById("forminfo").innerHTML += "<b><?=ucwords($GimickName);?></b> "+ItemName+"</br>";
document.getElementById("forminfo").innerHTML += "<b>Genre</b> "+GenreAd+"</br>";
document.getElementById("forminfo").innerHTML += "<b>Power</b> x"+PowerLevel+"<!-- (Sentai is x1,000)--></br>";
document.getElementById("forminfo").innerHTML += "<b>Armor</b> x"+ArmorLevel+"<!-- (Sentai is x5)--></br>";
document.getElementById("forminfo").innerHTML += "<b>Weapon</b> "+EquipmentAd+"</br>";
document.getElementById("forminfo").innerHTML += "<div id='quotesbox'><b>Quotes</b></br>";
document.getElementById("forminfo").innerHTML += QuoteLinks;
document.getElementById("forminfo").innerHTML += "<div id='quotesbody' style='height:1.8em; margin-left: 5.3em; margin-right: 5em; background-color: rgba(156, 186, 221, .6);'><i>--click the links above--</i></div>";
document.getElementById("forminfo").innerHTML += "</div></br></br>";