扩展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

回答

相关问题