我一般用两个浏览器测试: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选项——安全——(下面有个)该区域的安全级别,点击自定义级别里面能进行设置。