昨天被捣鼓死了...
一直在捣鼓IE 6.0下的表现问题,因为盒模型的问题结果导致IE 6和IE 7显示效果不同.
结果是:IE 7=FF 2=Opera 9.2的显示效果,IE 6是独立独行...
试过了N种CSSHack甚至IE才能识别的CSS选择器,结果发现...无效...
加上还需要远程求人帮忙调试,真是痛苦无比,到最后才发现这个地方:
http://browsers.evolt.org/?ie
基本上涵括了全部版本的IE浏览器的绿色版下载...调试者的福音啊~
解决了调试困难的问题,开始专注于表现问题..
试过了无数的方法,理论上其实用!important属性就应该可以搞定的,因为IE 7已经修正了这个属性了,理论上它的表现应该是等同于FF了,但是实际中我发现,他的表现竟然和IE 6一样的...半拉子糟糕..
什么叫半拉子糟糕,意思就是说可以识别,但是还是没用...比如:
div{
color: #FFF !important;
color: #000;
}
在IE 7和IE6中均识别为#000,而FF和Opera可以顺利识别为#FFF
但是如果这样写:
div{
color: #FFF !important;
}
div{
color: #000;
}
那么,在IE 6和IE7中均识别为#FFF...
呵呵,可能专业人士要发话了,"这怎么可能!",但是我发现就是可能的,在处理XHTML的时候确实没有这个问题,但是在处理XSL的时候...就变成了这样的半拉子状况..
而且类似*+HTML,*DIV,_#,*HTML,这类的可以用在HTML中的Hack统统在XSL中失效了...
绞尽脑汁没结果的状况下,我决定利用已知的BUG,把IE 7和IE 6的表现统一,然后再用important属性来区分IE系列和其他浏览器...结果,把宽度改为100%,把float属性去掉,用margin居中...竟然就OK了...然后对FF使用important让width变为auto...世界就这样和谐了...
简直是无语...白白浪费了我一个晚上的时间...
结果是:IE 7=FF 2=Opera 9.2的显示效果,IE 6是独立独行...
试过了N种CSSHack甚至IE才能识别的CSS选择器,结果发现...无效...
加上还需要远程求人帮忙调试,真是痛苦无比,到最后才发现这个地方:
http://browsers.evolt.org/?ie
基本上涵括了全部版本的IE浏览器的绿色版下载...调试者的福音啊~
解决了调试困难的问题,开始专注于表现问题..
试过了无数的方法,理论上其实用!important属性就应该可以搞定的,因为IE 7已经修正了这个属性了,理论上它的表现应该是等同于FF了,但是实际中我发现,他的表现竟然和IE 6一样的...半拉子糟糕..
什么叫半拉子糟糕,意思就是说可以识别,但是还是没用...比如:
div{
color: #FFF !important;
color: #000;
}
在IE 7和IE6中均识别为#000,而FF和Opera可以顺利识别为#FFF
但是如果这样写:
div{
color: #FFF !important;
}
div{
color: #000;
}
那么,在IE 6和IE7中均识别为#FFF...
呵呵,可能专业人士要发话了,"这怎么可能!",但是我发现就是可能的,在处理XHTML的时候确实没有这个问题,但是在处理XSL的时候...就变成了这样的半拉子状况..
而且类似*+HTML,*DIV,_#,*HTML,这类的可以用在HTML中的Hack统统在XSL中失效了...
绞尽脑汁没结果的状况下,我决定利用已知的BUG,把IE 7和IE 6的表现统一,然后再用important属性来区分IE系列和其他浏览器...结果,把宽度改为100%,把float属性去掉,用margin居中...竟然就OK了...然后对FF使用important让width变为auto...世界就这样和谐了...
简直是无语...白白浪费了我一个晚上的时间...
评论
发表评论