2013-09-25 86 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」/}如果修復它。顯然替換大括號。

一切都找到問題最好。