Question

自定义一个DIV,让它的位置不随浏览器的放大或缩小,发生错位

我在页面中放置了一个层(div),页面用表格排版，居中对齐，也就是无论浏览器如何调整，页面显示在浏览器的中间，可是这个时候页面上的层就不能正常显示了，当浏览器窗口放大的时候，层就不能显示在我原来需要的地方，请教那位大虾，如何解决这个问题呢？

Answer 1

DIV不随浏览器放大或缩小改变大小和位置，这是两个问题。

首先为了让DIV大小不变，我们给DIV定义上Width和Height两个，固定宽和高那么DIV就不会变形了。

第二，位置的变化，为了不让DIV随着位移，我们通过在BODY里定position:relative，再在DIV上定义position:absolute，这两个定义第一个是相对定位，后面在DIV上是绝对定位，这样DIV就不会随浏览器变化而变化了。

追问

你确定可以？

追答

唉！说了方法就该去想下为什么不能实现，并不是别人说什么就是什么！悲哀！
假如你的背景图片为bg.jpg（大小100高 500宽）,就是你那个带框的背景。前面显示的内容为look.jpg(大小50高400宽)。

CSS:
.picbg_div{
width:500px;
height:100px;
background:#036;/*没有背景以颜色代替*/
position:relative;
}
.pic_div{
width:400px;
height:50px;
position:absolute;
top:50%;
left:50%;
margin:-25px 0 0 -200px;
background:#ccc;/*没有图片以颜色代替内容，有内容这个背景可以不要的。*/
}

Html:

Answer 2

你把你的背景图片和你那个div放到一起全做成固定的就不会跑了 不然想要兼容各个浏览器肯定会出问题