La ventana emergente siempre está centrada
Copie el código de código de la siguiente manera:
<tipo de script="texto/javascript">
var isIE=window.XMLHttpRequest?false:true;
var aIsIE={};
ventana.onload=función(){
si(esIE){
window.onscroll=hacerIE;
ventana.onresize=hacerIE;
función hacerIE(){
aIsIE.top=document.documentElement.scrollTop;
aIsIE.left=document.documentElement.scrollLeft;
var ancho=document.documentElement.clientWidth;
var altura=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';
En primer lugar, todos deben comprender una posición de estilo CSS incompatible: fijo;
El atributo Posición tiene cuatro valores opcionales: estático, absoluto, fijo y relativo.
Aprendamos juntos sus diferentes usos. Durante el estudio, debemos pensar cuál de ellos debería usarse en cada situación de diseño.
posición: estática Sin posicionamiento Este valor de atributo es el posicionamiento predeterminado de todos los elementos. En circunstancias normales, no necesitamos declararlo específicamente, pero a veces, cuando encontramos herencia, no queremos ver el impacto de los atributos heredados por el elemento. , por lo que puede usar position:static para cancelar la herencia, es decir, restaurar el valor predeterminado de posicionamiento del elemento. Por ejemplo: #nav { position:static; } Los otros dos mencionados anteriormente, estamos hablando principalmente de posición fija: fija ¿Qué significa el valor del atributo de posicionamiento en relación con el posicionamiento fijo de la ventana? El elemento está posicionado de manera similar a absoluto, pero su bloque contenedor es la propia ventana gráfica. En medios de pantalla como los navegadores web, los elementos no se mueven en la vista del navegador mientras se desplaza el documento. Por ejemplo, permite el diseño de estilo de marco. En soportes de páginas, como las impresiones, aparece un elemento fijo en la misma posición en la primera página. Esto se puede utilizar para generar títulos o notas a pie de página fluidos. Hemos visto efectos similares, pero la mayoría de ellos no se logran mediante CSS, sino mediante scripts JS. Tenga en cuenta que IE6 no es compatible...
Aquí usamos position:fixed; + "hack technology" + "javascript" para resolver este problema;
Copie el código de código de la siguiente manera:
<!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">
<cabeza>
< meta http-equiv="Tipo de contenido" content="text/html; charset=utf-8" />
<title>Ingeniero front-end de Tusheng</title>
<tipo de estilo="texto/css">
cuerpo,div{margen:0; relleno:0;}
#a{ancho:200px;alto:200px;fondo:azul;posición:fija;izquierda:50%;arriba:50%;margen-izquierda:-100px;margen-arriba:-100px;_posición:absoluta;}
</ /estilo>
<tipo de script="texto/javascript">
var isIE=window.XMLHttpRequest?false:true;
var aIsIE={};
ventana.onload=función(){
si(esIE){
window.onscroll=hacerIE;
ventana.onresize=hacerIE;
función hacerIE(){
aIsIE.top=document.documentElement.scrollTop;
aIsIE.left=document.documentElement.scrollLeft;
var ancho=document.documentElement.clientWidth;
var altura=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>
</cabeza>
<cuerpo>
<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/><br/>
< /cuerpo>
< /html>