首页 > 代码库 > Flex Web部分浏览器兼容问题解决

Flex Web部分浏览器兼容问题解决

今天找了一天这个项目的兼容性的问题,好在功夫不负有心人啊,都解决了

照理来说Flex应该没什么兼容性的问题的,但是我做的这个web应用却是有那么几个问题,在IE8内核的电脑上会出现,部分360浏览器也是

第一个问题:

Flex页面显示不全,由于在我的应用中需要的面积比较大,所以没有用自适应大小,设了minWidth="1000" minHeight="710"这两个属性

但是在360等浏览器中由于页面可见高度只有610左右,所以剩下的就显示不出来了,如下图空白区:


解决办法:在项目的html-template文件夹下打开index.template.html这个文件,然后添加一行元标签<meta http-equiv="X-UA-Compatible" content="IE=6;IE=7;IE=8"  />

第二个问题:

登录输入框文字不显示的问题,当用户点击登录的时候,我会把用户和密码输入框的enabled属性设为false,也就是不可用的,在其他浏览器中时不会有问题,但是在部分

360浏览器中那个文字却会隐藏掉,这个问题找了我一个下午终于找出来了,我先自己写了个输入框禁用测试,发现是没问题,于是我以为会是项目的某些引用引起的

于是,我把登录这块又抽出来,还是不会出现,很窝火啊,后面干脆照搬,所有的一样,还是不会,后来突然想到哪个模版文件中有加属性,所以就找出问题了

原来在之前,因为做右键菜单,我把系统的右键菜单隐藏掉了,在index.template.html文件中有加 params.wmode="transparent";这个属性,现在把它去掉就好了。


最后个问题,就是晚上吃完饭回来的时候发现的,由第一个问题引起的,加上那行标签之后,发现竟然加了一层边框,以下第一张图是加了之后有边框的



把第一个问题的元标签改成这样就好了<meta http-equiv="X-UA-Compatible" content="IE=edge" >,意思是以最新的IE版本模式来兼容

由于出现了第一个问题,老总说没有解决的话,改排版,但是现在解决了,老总还说要改,苍天啊!