gwt圆形面板(类似于DecororPanel的基于标准的小部件)

有一种使用CSS 3实现圆角的漂亮方法(因此在IE<=8中不起作用,但在IE9开发者预览中会起作用)。看看 http://css3please.com/ 看看其中的风格。使用 border-radius (或 -moz-border-radius 或 -webkit-border-radius 财产)。在GWT中,只需在元素中添加一个样式类名,就可以使用圆角边框。当然,在传统浏览器中支持圆角比较困难,但您需要这样做吗?

对于传统浏览器来说,这相当困难,具体取决于实际环境。它总是涉及边界的图像。你必须创建遮罩盒子边框的图像。所描述的诀窍有效 in this answer 。要在GWT中使用它,您可以使用uibinder、HtmleElement或创建自己的小部件。对这项技术的更广泛解释也可以找到 here .

最常见的解决方案decororPanel在当前版本的GWT中被弃用(例如,如果您将其与GWT 2.1.1一起使用,您将在GWT所需的doctype、decororPanel和IE(尤其是IE8)之间遇到混乱的不兼容性)。

所需的GWT 2.1.1 doctype(!doctype html)也会禁用常用的圆角。htc为IE8服务。

您可以使用CSS3系列圆角属性来添加类,但它们在9之前的IE版本中不起作用。

JQuery和其他javascript圆角与本机GWT js冲突的可能性很高,因此我们放弃了它们作为可能的解决方案,尽管我个人没有对它们进行测试。

我们最终不得不使用圆角图像,以便真正跨浏览器兼容并创建一致的外观。