Fijar elemento de página HTML relativo al navegador Chrome

Question

Estoy tratando de colocar un div en la esquina superior izquierda de la página, y quiero que permanezca allí sin importar el cambio de tamaño de la ventana del navegador o el desplazamiento de la página.

¿Cómo puedo hacer esto con CSS simple (si es posible) o con jQuery?

Answer 1

use css position: fixed;

#fixedDiv {
    position: fixed;
    left: 20px;
    top:20px;
    width: 50px;
    height: 50px;
}

Para IE6, consulte http://www.cssplay.co.uk/layouts /fixed.html

Answer 2

css-selector {
    position: fixed;
    top: 0;
    left: 0;
}

Cuide el índice z. Mayor = primer plano.