2012-02-22 23 views
-5

可能性の重複:
How to get a background image to print using css?画像の背景でdivを印刷する方法は?

私はbrowsers..but瞬間にそれを表示したときに、それが正常に動作し、画像の背景

<html> 
<head>  
</head> 
<body> 
<div style='background:url(name.png);width:100px; height:100px;'></div> 
<input type='button' onclick='window.print()'>//button that print 

</body> 

</html> 

を持つdiv要素を持っていますdivでページを印刷すると背景画像が印刷されません...しかし、テキストと画像は

どうすればこの問題を修正できますか?

+0

あなたは 'print'を追加する必要があります。css:http://stackoverflow.com/questions/596876/how-can-i-print-background-images-in-ff-or-ie – MarcinJuraszek

+3

あなたはまた、 [あなた自身の研究](http://stackoverflow.com/search?q=print+background+image)まず。 – Quentin

答えて

0

あなたはのStyleSheetメディア=印刷を設定し、背景画像を印刷していないデフォルトで

@media print { 
    div {font-size: 10pt; line-height: 120%; background: white;} 
} 
0

ブラウザを試すことができますよりもすることができます。多くの場合、絵がテキストを読む方法を邪魔します。

ここでは、理由があると思われます。あなたのデザインはすごく素晴らしいので、印刷するか何かをする必要があります。たぶんあなたはeチケットスタブを作成しており、テキストがテンプレートイメージをオーバーレイしているかもしれません。それに行きましょう。

背景画像を印刷しないというデフォルトの動作を無効にするには、画像を背景として使用しないでください。私はそれを通常のhtml要素にして、あなたのテキストの下にイメージをレイヤーするためにCSSとJavaScriptのどちらかを使います。位置とZインデックスCSSのプロパティを見てください。

あなたの古い問題は消えてしまいました。新しい問題が発生する可能性があります。