position:absolute在firefox中window.print打印时的bug

一月 25, 2021 by · Leave a Comment 

场景:
页面上有类似这样的dom:

<div><img src=“//www.baidu.com/123.jpg”></div>

CSS中设定img:

img{
 position:absolute;
 display:block;
 width:100px;
 height:100px;
}

当页面调用window.print打印时,如果这个dom出现在第二页或之后,img就会出现在body的左上角。Firefox这个position:absolute的坑埋得确实有点深。

解决方法也很简单:给img的上层div加上position:

div{
 position: relative;
}

另外,打印预览的情形下,审查元素依然可用。

——本文最后由傅老师于2021-01-25编辑过

评论


九 − 三 =