2012-07-25 51 views
0

当我点击打印选项背景图片不打印..你可以帮我。
这里是我的CSS如何打印背景图片?

.OldNote { 
    background-image: url(/images/icons/arkiv.gif); 
    background-repeat: repeat; 
    width: 100%; 
    height: 100%; 
    margin: 0px; 
} 
+0

可能重复http://stackoverflow.com/questions/596876/如何灿我打印背景图像,在-FF-或-IE) – JJJ 2012-07-25 09:39:49

回答

3

通常它是由用户和他们的浏览器设置,打印或不打印背景图片。检查您的浏览器设置。

如果您不想依赖于此,请勿将图片置于背景中,请将其放在您的网页上的<img>标签中。

+0

嗨比约恩·,,我尝试使用浏览器的设置,但没有luck..if我把标签在我的网页我怎么给CSS到img在后台重复图像? – kiran 2012-07-25 10:03:15

+0

前景图像无法通过CSS被重复,只有背景的图像即可。 – Bjoern 2012-07-25 10:37:17

+0

反正感谢乌拉圭回合answer..i通过改变媒体=“屏幕”媒体=“所有”解决了这个问题。 – kiran 2012-07-25 14:16:40

0

等。无论您要显示的图像,您可以只添加一个图像标签这样的,:

<img src="url" class='printableonly' /> 

然后在CSS,你可以这样做:

@media screen { 
     .printableonly{ 
      display: none; 
     } 
    } 

    @media print{ 
    .printableonly { 

      display: inline; 

     } 
    } 
0

我只是如果你希望它成为背景,那么就没有办法让它像一个共同的背景一样重复。把它的内容下,你可以使用CSS作为其添加其他元素的内容之前,给CSS 位置时,两个要素:绝对风格,再加上* 的z-index:.. *,其中的z-index内容会更大。

也许你可以考虑全尺寸后台解决方案,它是由非常相似

的[我怎样才能在FF或IE打印背景图片?](