2012-11-13 102 views
1

我用GWT编写了我的着陆页。在IE中我得到它的结束这个空波段(我在绿色绘它,这样你可以看到它):GWT div咏叹调隐藏不隐藏在IE

enter image description here

这只是发生在IE(我与IE9测试)。不在Chrome中,不在Firefox中,不在Safari中。

检查出DOM中,负责该区域是以下DIV:

enter image description here

出于某种原因, “显示:无;” 内联的规则不能正常工作。如果我取消选中它并再次检查它,那么绿色乐队消失!

但是我不会要求我的用户在每次加载我的着陆页时都这样做,那么是否有办法摆脱这个div(显然是由GWT生成的),或者使内联样式“display:none;“work?

谢谢!

补充说明: 我没有写出隐藏在咏叹调中的HTML div,它们是由GWT生成的。我只是观察到,他们负责我想要删除的绿色乐队。观察结果来自于以下事实:当我取消选中显示屏时:无;属性在IE DOM查看器中,然后再次检查它,绿色乐队消失。

+0

正如其他答案所指出的,'咏叹调隐藏'仅用于屏幕阅读器和其他辅助工具,并且不会影响显示或布局。它通常只用于罕见的可访问性问题情况。你确定问题是display:none div,并且不是由于其他元素上的边距造成的? – BrendanMcK

+0

我有完全相同的问题,并且你说的是不适用于iOS 6.该div实际上导致一些严重问题。如果您从纵向到横向,再回到纵向,所有的布局都会中断(您将所有的屏幕移到右侧,而右侧则是一个厚厚的空白柱)。我使用WEINRE(http://people.apache.org/~pmuellr/weinre/docs/latest/)测试了这一点,如果我从该div中删除禁用10cm,则布局再次运行。 – Chepech

回答

1

根据我对aria-hidden和您的问题的理解,您可能会错误地使用该属性。该属性告诉使用屏幕阅读器的用户忽略元素内的内容,并应与visibility:none一起使用。有一个关于notifing users about a now visable div的问题,可能是一个很好的阅读。被接受的答案的作者也写了一个blog post

+0

我没有正确解释自己;我没有把那些div放在那里(参见我的问题中的附加解释)。他们似乎对我想要删除的绿色乐队负责。 – Mike

+0

ARIA支持内置于一些小部件中,您无法控制它,所以除非您明确添加ARIA角色/状态,否则在您声明时无法错过该属性,通过阅读我不认为的问题案件。 – Chepech

+0

@Chepech这是不适合downvote我的答案。我在海报调整问题之前回答。也许我没有看到他编辑过它。原来的问题表明他使用隐藏的咏叹调来隐藏某些东西。他原来的问题对小部件有*无关。 –