SetStyleName引起的Regression Issue

本文介绍了使用GWT+GXT实现登录界面时遇到的问题及解决方案,包括调整图片位置、设置背景颜色等跨浏览器兼容性问题。

前几天让我调整系统的登录界面, 我们的系统是用GWT+GXT来实现的。

登录界面中间有一个图形,整个登录界面需要设置一个背景颜色,因为我们把图形放在一个Table中,在有的浏览器中显示背景会有问题。

首先是在IE 7中图片显示在左上角,这个问题是因为我们把LayoutContainer放在RootLayoutPanel中,后来发现放在RootPanel中就可以了。

RootLayoutPanel和RootPanel的区别是RootLayoutPanel在RootPanel的基础上增加了RootLayoutPanel。

后来又发现背景色在不同的浏览器中也不同,最后我想到了将背景色设置到Body上,登录后将Style从Body中删掉。

这样问题就解决了,我的解决办法是

RootPanel.get().setStyleName("loginBackgroundColor");

后来发现系统在IE8中输入框的样式不对了,后来同事发现因为Body的class被删了,这就是我的修改引起的。

需要改成如下方式

RootPanel.get().addStyleName("loginBackgroundColor");

 

这样问题就解决了。

转载于:https://www.cnblogs.com/liwp_Stephen/p/3520356.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值