2013-09-25 56 views
0

我一直在使用display.none,对于隐藏的例子,所有隐藏的字段都保存在一个节中,并且通过使用Display.none将节隐藏起来。Lotus Web问题与浏览器

这是工作的IE浏览器,直到IE 9,但IE 10所有隐藏的领域都显示出来。

任何人都可以帮助解决这个问题。任何替代或方法。

+2

为您的部分生成html的样本片段。同时检查不同浏览器版本的html是否有所不同。 –

回答

0

这听起来像只是部分元素被隐藏起来。没有看到代码,我不知道为什么9和10之间的变化,但即因版本之间具有不同的行为而出名。

想到另一种方法:您可以使用通过HTML传递将该部分和字段包装在DIV元素中,并将该div的样式设置为显示:无。这是非常标准的,应该跨浏览器。

更新:为了让您知道我在说什么,请查看jsfiddle

HTML:

<form> 
    <div class="wrapper"> 
     <input type="text" name="Field 1" /><br /> 
     <input type="text" name="Field 2" /><br /> 
     <input type="text" name="Field 3" /> 
    </div> 

    <span>Some text that won't be hidden.</span> 
</form> 

CSS:

.wrapper { 
    #display:none; 
} 

您可以删除#旁边显示:无,看到了差距,即使在IE 10

你需要密切关注Domino所呈现的HTML,并确保实际上您试图隐藏的所有字段都被隐藏的DIV包围。

+0

我正在做同样的事情,使所有的领域变成一个div标记,然后使该div,作为显示没有问题是,它是在IE 7,8,9但在10它失败,即使在Mozilla和Chrome。 – Himanshu

1

没有看到页面,它很难猜测。

  • 尝试通过众多在线html验证器之一来验证html,因为某些东西可能未关闭或者Notes可能会给您添加不需要的代码。
  • 尝试向css #wrapper添加背景颜色以确保正在调用css。
  • 获取表单的副本,并开始一次删除所有其他元素,以查看是否有其他内容导致此问题。
  • 添加{meta http-equiv =“X-UA-Compatible”content =“IE = 10; IE = 9; IE = 8; IE = 7; IE = EDGE”/}如果修复它。显然替换大括号。

一切都找到问题最好。