Вопросы по - Диалоговое окно - Вопросы по CSS - Форум русской поддержки Joomla!

Приветствую Вас, Гуру!

Есть диалоговое окно, которое основано на Java - пример здесь

Спойлер

[свернуть]

Никак не могу разместить это окно поверх - то есть если прокручивать страницу вверх, низ - некоторые элементы сайта размещаются поверх диалогового окна
Этот скрипт не работает в ИЕ
Можно ли в целом решить эти проблемы?

вот кусок кода CSS - вывод окна

Код

.modalDialog {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 99990;
	opacity: 0;
	-webkit-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;   	
}
#dral {
    resize: both;
	overflow: hidden;
	position: absolute;
    left: 0;
    top: 0;    
	
	min-width: 320px;
	min-height: 240px;
	max-width: 640px;
	max-height: 480px;
}
.modalDialog:target {
	opacity: 1;
	pointer-events: auto;
}

код Ява

Код

function drag_start(event) {
    var style = window.getComputedStyle(event.target, null);
    event.dataTransfer.setData("text/html",
    (parseInt(style.getPropertyValue("left"),10) - event.clientX) + ',' + (parseInt(style.getPropertyValue("top"),10) - event.clientY));
} 
function drag_over(event) { 
    event.preventDefault(); 
	
    return false; 
} 
function drop(event) { 
	event.stopPropagation();
    var offset = event.dataTransfer.getData("text/html").split(',');
    var dm = document.getElementById('dral');
	
    dm.style.left = (event.clientX + parseInt(offset[0],10)) + 'px';
    dm.style.top = (event.clientY + parseInt(offset[1],10)) + 'px';
    
	event.preventDefault();
	
    return false;
} 
var dm = document.getElementById('dral'); 
dm.addEventListener('dragstart',drag_start,false); 
document.body.addEventListener('dragover',drag_over,false); 
document.body.addEventListener('drop',drop,false);

Фон OFFLINE страницы на все окно Автор Lex9207	Ответов: 0 Просмотров: 1324	23.10.2013, 03:59:14 от Lex9207
PopUp окно подписки Автор Diki	Ответов: 4 Просмотров: 3626	17.10.2012, 10:46:56 от sava87
Вопросы по боковому меню Автор Почемучка	Ответов: 4 Просмотров: 2429	12.08.2009, 11:21:22 от Почемучка
Правила раздела "Вопросы по CSS" Автор PaLyCH	Ответов: 0 Просмотров: 18782	17.07.2009, 22:54:12 от PaLyCH
Делаю шаблон, нубские вопросы по CSS, кросабельность Автор GapArchi	Ответов: 6 Просмотров: 3117	18.07.2008, 11:41:59 от Mitrich

Вопросы по - Диалоговое окно - Вопросы по CSS

Новости Joomla

Вышли релизы Joomla 6.1 и Joomla 5.4.5: новые возможности и стабильность

👩‍💻 Компонент "CS Афиши" для Joomla.

Яндекс выпустил инструмент Видимость сайта в Алисе AI.

darkghost

Вопросы по - Диалоговое окно

darkghost

Re: Вопросы по - Диалоговое окно

Похожие темы