Смотрите видео ниже, показывающее проблему на моем сайте, но это отлично работает на локальном хосте. Вот также скриншот проблемы на моем сайте и ее работы на локальном хосте. Я ценю любую информацию.
Работа на локальном хосте или проблема в PROD:
[img]https: //i.sstatic.net/f242BC6t.png[/img]
Веб-сайт, на котором можно увидеть проблему:
https://www.kisnardonline.com/wiki/players.php?name= Tomek
https://www.kisnardonline.com/wiki/enti ... yid=697711
entitycard.php — это просто подключение к базе данных и последующий вывод . В нем нет ничего Wordpress.

Приведенный ниже код для всех, кто хочет просить, брать взаймы, воровать
Стиль CSS:
/* The Modal (background) */
.modal {
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 1; /* Sit on top */
left: 0;
top: 0;
overflow: auto; /* Enable scroll if needed */
background-color: rgb(0,0,0); /* Fallback color */
background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
/* Modal Content/Box */
.modal-content {
}
onmouseover hover js/php и всплывающее окно iframe:
...
echo "$name_with_quantityplusraritystarlevel";
...
echo "";
echo "";
echo "";
echo "";
echo "";
Javascript для скрытия/отображения всплывающего окна:
// START: Code for popup on entity link hover
var modal = document.getElementById('myModal');
// To show the modal popup when hovering over the Entity URL link
showPopup = function(context) {
let link = context.href;
link = link.replace("entity.php", "entitycard.php");
//link example is https://www.kisnardonline.com/wiki/enti ... yid=697711
modal.style.display = "block";
document.getElementById("popupcontent").src = link;
resizeIFrameToFitContent();
};
// When the user moves mouse off of link, close the modal
hidePopup = function(context) {
modal.style.display = "none";
}
// To resize the popup iFrame
function resizeIFrameToFitContent() {
document.getElementById("popupcontent").width = 0;
document.getElementById("popupcontent").height = 0;
document.getElementById("popupcontent").width = document.getElementById("popupcontent").contentWindow.document.documentElement.scrollWidth + 7;
document.getElementById("popupcontent").height = document.getElementById("popupcontent").contentWindow.document.documentElement.scrollHeight;
}
// END: Code for popup on entity link hover
Подробнее здесь: https://stackoverflow.com/questions/793 ... odal-popup
Мобильная версия