Javascript 俄罗斯木偶显示Firefox和Webkit的问题：与IE配合良好

我有一个教学网页，在一个特定的部分（DIV），一系列的问题必须一个接一个地出现。一旦用户回答Q1，那么Q2就显示在下面，以此类推

结构如下：

母分区包括： 带问题和按钮的文本1

DIV2 as display=无，其中包含： 以上问题的答案+文本和按钮2

DIV3  as display=none which contains: 
Answer to question above + text and a Button3

如果需要，等等

有一个js show（element）函数可以将任何元素的显示样式更改为“inline” 每个按钮都必须将following DIV的显示更改为inline

Button 1有：onclick=show（'DIV2'） 现在，当DIV2可见时，按钮2也可见

Button 2有：onclick=show（'DIV3'） 现在当DIV3可见时，按钮3也可见

这个脚本在IE9上运行得很好

在Firefox或Webkit浏览器上，事情变得非常繁忙

Button1工作并显示DIV2，但是Button2不能被识别为按钮！单击没有效果，鼠标悬停不会改变指针指向手

为了修复它，我更改了结构：

母分区包括： 按钮1、按钮2、按钮3等。 加上一些文字

DIV3  as display=none which contains: 
text

DIV2 as display=无，其中包含： 正文

DIV3  as display=none which contains: 
text

猜猜看：所有按钮现在都在工作，每个连续的DIV都显示其文本块

唯一的问题是这个UI是不可接受的，因为当文本太长并且用户向下滚动时，按钮就不再出现在页面的可见部分

---

有人知道如何处理和保存我的一天吗？

在Javascript显示功能中，尝试将显示样式设置为

'block'

或

'

。

---

（

'block'

是

DIV

标记的默认值，

'

将其设置为默认值。）

！你知道吗？这是一种奇怪的行为，也许答案对你有用：

我有一个DIV高度=500px。该DIV包含2个子DIV：第一个子DIV是490px height top=0。 第二个是高度=240px，顶部=250px（大致为主DIV的一半底部）

第二个子DIV的display=none，除非需要。因此它是不可见的

有了我，那就好了。 对于其他浏览器，不可见意味着仅对眼睛不可见，而对鼠标指针不可见

然后，当一个按钮位于主DIV的下半部分之后时，它将变为非活动状态

---

不要投票一些代码和实际的html结构怎么样？或者是一个实际问题的例子（jsfiddle.net）。