Question

在一个网页中如何固定几个DIV层位置，使这些层不因分辨率或窗口大小的变化而变化的代码是？

我的代码是<div id="Layer1" ><img src="images/xlogo.jpg" width="32" height="32" /></div>
请问怎么修改 可以固定而不随分辨率和浏览器变化而变化？

Answer 1

<div id="Layer1" style="position: absolute;top: 0px;left: 0px;" ><img src="images/xlogo.jpg" width="32" height="32" /></div>

position: absolute;//绝对定位，相对的参考层是距离它最近的有position属性的父层，没有这种父层时，定位的参考是body标记
top: 0px;//层距离顶部距离(相对于参考层)
left: 0px;//层距离左边距离(相对于参考层)

Answer 2

position:fixed;
_position:absolute;
top:10px;
left:10px;
/////
IE6是不支持fixed属性的，所以用了absolute hack～～fixed的作用就是固定在浏览器的某个位置，相对于浏览器，而不是页面～