1

私はasp.net mvcに取り組んでいます。ユーザーに印刷機能を提供する必要があるWebページを設計しようとしています。そのため、ユーザーは私の Web ページを色と画像で印刷できます。印刷用のメディアクエリを試してみましたが、

@media print{
div.div1
{
background-color:red !important;
}
}

また

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

静的なデザイン、つまり要素の色と背景色のページではうまく機能しますが、デザインの時点でわかります。しかし、特定の条件に基づいて、さまざまな色と背景色を持つリスト div 要素を生成しているシナリオにいます。そのため、すべての div に対して印刷メディア クエリを作成することはできません。これは、それらが動的に生成されており、ユーザーに色付きの印刷オプションを提供する必要があるためです。または、メディアクエリなしで色付きのページを印刷する他の方法はありますか? どうすればそれを取り除くことができますか、私を導いてください。

4

1 に答える 1

1

これを試して：

CSS

@media print{
    div.red_print
    {
        background-color:red !important;                
    }
    div.green_print
    {
        background-color:green !important;
    }

}

@media screen{
    div.red_screen
    {
        background-color:red !important;
    }
    div.green_screen
    {
        background-color:green !important;
    }           
}

HTML

<div class="red_print green_screen">Hello World!</div>

このように、背景は印刷では赤、画面では緑になります。これはほんの一例です。色ごとに (メディアごとに) クラスを作成する必要があります。

于 2013-06-28T12:56:09.530 に答える