Всплывающее окно всегда по центру
Скопируйте код кода следующим образом:
<тип сценария="текст/javascript">
вар isIE=window.XMLHttpRequest?false:true;
вар aIsIE={};
window.onload=function(){
если (ISIE) {
window.onscroll=doIE;
window.onresize = doIE }
функция doIE(){
aIsIE.top=document.documentElement.scrollTop;
aIsIE.left=document.documentElement.scrollLeft;
вар ширина = document.documentElement.clientWidth;
вар высота = document.documentElement.clientHeight;
var oDiv=document.getElementById("oneReply");
oDiv.style.top=aIsIE.top+(height-oDiv.offsetHeight)/2+'px';
oDiv.style.left=aIsIE.left+(width-oDiv.offsetWidth)/2+'px';
Прежде всего, каждый должен понимать несовместимую позицию стиля CSS: исправлено;
Атрибут Position имеет четыре необязательных значения: статическое, абсолютное, фиксированное и относительное.
Давайте вместе изучим их различные варианты использования. В ходе исследования нам следует подумать о том, какой из них следует использовать в какой ситуации макета.
Position:static Нет позиционирования. Это значение атрибута является позиционированием всех элементов по умолчанию. В обычных обстоятельствах нам не нужно объявлять его специально, но иногда, сталкиваясь с наследованием, мы не хотим видеть влияние атрибутов, унаследованных элементом. ., поэтому вы можете использовать позицию:static для отмены наследования, то есть восстановления значения позиционирования элемента по умолчанию. Например: #nav {position:static; } В двух других, упомянутых ранее, мы в основном говорим о фиксированном положении: фиксированное. Что означает значение атрибута позиционирования относительно фиксированного положения окна? Элемент позиционируется аналогично абсолютному, но его содержащим блоком является сама область просмотра. В экранных носителях, таких как веб-браузеры, элементы не перемещаются в представлении браузера при прокрутке документа. Например, он позволяет макетировать стиль фрейма. В страничных носителях, таких как распечатки, фиксированный элемент появляется в том же месте на первой странице. Это можно использовать для создания плавных заголовков или сносок. Мы видели подобные эффекты, но большинство из них достигается не с помощью CSS, а с помощью JS-скриптов. Обратите внимание, что IE6 не поддерживает...
Здесь мы используем позицию:fixed; «технология взлома» + «javascript» для решения этой проблемы;
Скопируйте код кода следующим образом:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML1.0 Transitional//EN" "http://www.w3.org/1999/xhtml/TR/xhtml/DTD/xhtml1-transitional.dtd">
< html xmlns="http://www.w3.org/1999/xhtml">
<голова>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Внешний инженер Tusheng</title>
<тип стиля="текст/css">
тело, div {поле: 0; заполнение: 0;}
#a {ширина: 200 пикселей; высота: 200 пикселей; фон: синий; положение: фиксированное; слева: 50%; сверху: 50%; поле слева: -100 пикселей; поле сверху: -100 пикселей; _position: абсолютное;}
</ /стиль>
<тип сценария="текст/javascript">
вар isIE=window.XMLHttpRequest?false:true;
вар aIsIE={};
window.onload=function(){
если (ISIE) {
window.onscroll=doIE;
window.onresize = doIE }
функция doIE(){
aIsIE.top=document.documentElement.scrollTop;
aIsIE.left=document.documentElement.scrollLeft;
вар ширина = document.documentElement.clientWidth;
вар высота = document.documentElement.clientHeight;
var oDiv=document.getElementById("a");
oDiv.style.top=aIsIE.top+(height-oDiv.offsetHeight)/2+'px';
oDiv.style.left=aIsIE.left+(width-oDiv.offsetWidth)/2+'px';</script>
</голова>
<тело>
<div id="a"></div>
< бр/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/ ><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/> <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br /><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
</тело>
</html>