擴展DIV幻燈片背後的DIV

我不確定我會在這裏得到答案，因爲我需要發佈大量的CSS和HTML來獲得工作娛樂，但是...擴展DIV幻燈片背後的DIV

我有結構是這樣的：

<fieldset> 
    <legend>Test A</legend> 
    <h3>Test A</h3> 
    <p> 
     Something here. 
    </p> 
    <div style="display:hidden;">I'm dynamically displayed</div> 
</fieldset> 

<fieldset> 
    <legend>Test B</legend> 
    <h3>Test B</h3> 
    <p> 
     Something B here. 
    </p> 
</fieldset>

我有我的切換隱藏的div使用jQuery和.show（）顯示的代碼。這在IE8，Firefox和Safari中運行良好，但是當我將IE8粘貼到兼容模式時，第一個字段集（測試A）將會展開，但是擴展發生在第二個字段集後面，該字段集不會移動（即，它落後它）。

我在這裏有很多CSS在使用，我將不得不回頭去取出最後的東西，這不是一個有趣的想法。如果任何人有任何想法可能會影響這個IE7渲染問題，那麼我非常感激。（請注意，這些字段集中的內容比所示內容更多，包括浮動div）。

快速注 - 如果我堅持到IE7特殊模式，它的工作原理（但沉船我佈局的其餘部分） - 在標準模式下，我得到了上述行爲。

來源

2010-04-27 Paddy

你在使用'z-index'嗎？ – Kyle 2010-04-27 13:53:08

您可能會考慮在展示該問題的某個網站上放置一個小樣本頁面。 html開發人員會希望看到很多東西，例如doctype，實際的javascript代碼等等。另外，在小設置中重新創建問題將幫助您完成理解正在發生的事情的動作。 – NotMe 2010-04-27 13:57:56

@Christ Lively - 現在在切割一個頁面的過程中，不過這裏有很多代碼，不幸的是，我不能隨意將它放在世界百搭網頁上。 – Paddy 2010-04-27 14:02:57

看起來，這是各種位置的組合：相對和位置：靜態佈局項目（從較早的時候開始）。當我的場地相對定位時，他們沒有移位（由於他們周圍的其他風格元素）。

位置：靜態似乎已經成功了。

來源

2010-04-27 14:33:55 Paddy

檢查您的z-index和溢出：隱藏在字段集風格

來源

2010-04-29 19:17:05 PirosB3

我剛剛解決了我的網站這個問題。浮動：左和位置：親戚做的伎倆。

來源

2013-07-18 10:20:10 user2532030

擴展DIV幻燈片背後的DIV

回答

相關問題