从彼此顶部的网页打印图像

时间:2015-12-05 19:54:10

标签: javascript html css printing png

我自己发布的东西很新(通常我会搜索可以帮助我的帖子,但这次我找不到我需要的东西)。 如果我不够清楚,请原谅我。)

目前我正在开展一个项目,我希望访问者点击一些按钮来创建输出。 每个按钮都会触发图像的可见性(不显示< - >块)。

所有图像都在单独的< span>中,并且这些图像绝对定位,因此它们重叠。图像也是透明的.png's。

因此,您可以看到不同的图像重叠,从而创建一个特定的画布。

现在可以使用,但我希望能够将他们的作品发送到打印机。 我正在使用我发现的一段javascript。这允许我只打印某个< div>来自网页及其内容。

然而,当我点击我的打印按钮时会打开一个弹出窗口,这样我就可以进行打印,打印机不会像在网页上那样将它们放在彼此的顶部,但它会将每个图像分开放在彼此之下。

是否有可能像position: absolute那样让它们重叠? 它觉得它并不难,但我似乎无法解决它。 任何帮助将不胜感激!

1 个答案:

答案 0 :(得分:0)

我找到了答案! 问题似乎是打印没有使用.css文件。

因此忘记了图像应该叠加在一起。

现在,我在<head>代码中包含了以下行的.css:

<link rel="StyleSheet" href="css/print.css" type="text/css" media="print">

这一定是初学者的愚蠢,但感谢你的帮助,Amina。 迎接!