div+css布局遇到的一些问题和解决方法

最近在用div+css布局的时候遇到一些问题，主要都是IE6不兼容……

1.图片和文字垂直对齐问题：这时候用span容器包围文字，然后设置其css：

span{display:inline-block;}

，最后在 img标签中加入

style="vertical-align:-1px;"

，其中的数字根据具体情况调节垂直位置。

2.用IE6的时候，时候会用js动态切换图片会发生闪烁，已经加载的图片还重复加载，这种情况下结合jquery解决方法如下：在页面加载完毕后加入代码

if ( $.browser.msie&&

$.browser.version

=="6.0" )
document.execCommand("BackgroundImageCache", false, true);

通过判断浏览器版本，使得该代码只在IE6下面执行。

3.用js控制动态切换图片的时候还有一个问题，有时候会出现图片是个叉的情况，解决方法：在onclick事件处理函数中最后加入return false即可。

4.有时候设置div的margin属性的后，会发现该div位置偏离了，不是自己预想中的位置，解决方法：在该div的父辈元素中设置css样式的overflow：hidden属性即可，或者直接用padding，不要用margin。