遇到的浏览器的差异问题

我一般用两个浏览器测试：IE和火狐。

就这连个就有很多差异，特别是在布局时，问题多多啊。

这只是我碰到时自己找到的解决方法，因为时间关系没有深入研究，所以并不一定适用于其他情况。

一、IE中有个3px的BUG，处于同一水平高度的两个层之间会有3px的空隙，无论是用padding 还是margin都去不掉。

解决方法：浮动法float

给右边的层，应用 float:left 浮动

二、同样是上面的情况，Firefox中也有问题。处于同一水平面上的层中，右边的会“钻”到前面的下边，即右边的层会在左边的下层并被覆盖部分。

解决方法：与第一个问题一样，浮动法float

给右边的层，应用 float:left 浮动

上面两个问题的我是再做一个练习时碰到的，源文件代码地址：源文件

三、好高兴啊，今天又碰到一个这种问题，而且在高人指点下解决了

关于元素的透明度显示

在火狐中直接用：opacity 就行，像这样：style="opacity:0.5"; ，就会显示半透明效果。

但在IE中就不行了，IE中用强大的滤镜实现透明，属于ActiveX技术。

原本查得的方法是用:  filter:alpha(opacity=50);

可是、、、、、、不行啊！！！！！！！

任我怎么改变字母大小写、怎么改标点符号 都不行啊。

后来我在技术交流群上求助，高人给了我正解：filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);

哎呀，层变透明那一刻真爽啊！

到网上查了之后，知道还有一种课能会导致不能正常显示效果：

IE 可以设置禁用 ActiveX，所以有可能是你的浏览器设置的问题导致显示不出效果。

设置的地方：工具——Internet选项——安全——（下面有个）该区域的安全级别，点击自定义级别里面能进行设置。