CSS打印样式。需要让水印背景重复打印，水印图片要怎么设置才能打印出来？

html-css016

CSS打印样式。需要让水印背景重复打印，水印图片要怎么设置才能打印出来？,第1张

跟css没关系，打印网页时打印机将忽略所有网页里面的背景图，只有以<img...>形式插入的图片才会打印出来！

(你找下页面设置里面有没有能勾选打印背景图的参数，这个我不确定)

background: url(ab.gif) repeat //背景为ab.gif，横向、纵向平铺

① 如果是做网站的水印背景，可以放到body里，

② 如果是做页面的背景，放到最外层的div里，

比如：

① body{background: url(ab.gif) repeatmargin:0px auto}

② .box{background: url(ab.gif) repeatmargin:0px auto}

单纯横向平铺：repeat-x

单纯纵向平铺：repeat-y

不平铺：no-repeat

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html中的<style>标签中，输入css代码：

<img style="position: absoluteright: 0top:0" src="small2.png" />

<img style="position: absoluteright: 0bottom:0" src="small3.png" />

3、浏览器运行index.html页面，此时一张图片被固定右上角，另一张图片被固定右下角。