jquery simplemodal : move #simplemodal-container to 0, 0 用于打印？

Question

我们的 simplemodal alert div 需要可打印。在大多数情况下，内容本身应该适合页面，但我无法覆盖打印 css 中的定位以使其在打印时顶部/左侧齐平，以避免右侧被切断。

似乎我可以在我的打印 CSS 中更改#simplemodal-container 来更改定位以外的所有内容。我试图绝对定位它并关闭所有填充和边距但没有任何效果:它仍然像在屏幕版本上一样出现在中心。

有谁知道为 media="print"覆盖这个的方法吗？

Answer 1

我假设覆盖不起作用，因为#simplemodal-container 应用了内联样式。您可以尝试以下解决方案(不幸的是，它不适用于 IE <= 6):

#simplemodal-container[style] {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
}