【问题标题】:jquery simplemodal: move #simplemodal-container to 0,0 for printing?jquery simplemodal:将#simplemodal-container 移动到0,0 以进行打印?
【发布时间】:2009-12-03 23:13:52
【问题描述】:
我们的 simplemodal alert div 需要是可打印的。在大多数情况下,内容本身应该适合页面,但我不能覆盖我的打印 css 中的定位以使其顶部/左侧齐平以进行打印,以避免右侧被切断。
似乎我可以在我的打印 css 中更改 #simplemodal-container 以用于除定位之外的所有内容。我尝试绝对定位它并关闭所有填充和边距,但没有任何效果:它仍然像在屏幕版本上一样出现在中心。
有谁知道为 media="print" 覆盖它的方法吗?
【问题讨论】:
标签:
jquery
css
printing
simplemodal
【解决方案1】:
我假设覆盖不起作用,因为#simplemodal-container 应用了内联样式。您可以尝试以下解决方案(不幸的是,它不适用于 IE
#simplemodal-container[style] {
position: absolute !important;
top: 0 !important;
left: 0 !important;
}