我正在尝试将按钮展开并转换为模式，该模式在单击时占窗口高度和宽度的60％。这是我目前工作的CodePen：http://codepen.io/anon/pen/WbNONa。我遇到的问题是position属性无法转换。按钮和模态（位于按钮下方）都绝对位于按钮包装内，使两个元素看起来像一个元素。单击该按钮时，模式应扩展到叠加层顶部的fixed位置。
问题在于定位会立即从absolute更改为fixed，因此模式看起来就像是从整个窗口大小收缩。如果删除position: fixed类的#btn-content.active属性，您可以看到我本来想要做的事情。如何模拟position属性的转换？如果那是不可能的，我怎样才能将模态过渡到相对于窗口大小的高度和宽度？谢谢你的时间。