4

IE8 で適度にきれいな印刷をサポートする必要があります。今日、一部の HTMl5 機能 (セクション) と CSS を使用しているページで問題が発生しました。印刷時にのみ問題が発生。以下の例を見ると、下線付きのテキストが生成されるはずです。それはうまくいきます。ただし、印刷時には下線が引かれません。これは、「セクション」を「div」に変更することで「修正」できますが、さまざまな理由から、私はそれをしたくありません。

誰かアドバイスはありますか？これは、印刷プレビュー中に JavaScript を実行しても問題にはならないようです。これは、「window.onload」イベントをページに追加して、div にコンテンツを入力し、印刷プレビューで正常に機能するためです。また、通常の CSS は印刷プレビューで問題なく動作します。「.Signature」内に「.SigLine」をネストしていなければ、印刷プレビューで問題なく動作します。しかし、「Section」タグの CSS クラスが何らかの形で無視されているように見えるため、ネストされた「SigLine」div はそれ自体を「Signature」要素の子とは見なしません。

ここに完全な作業例があります

<html>
<head>
    <!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <style type="text/css" media="screen,print">
        .Signature .SigLine{border-bottom:solid 1px #000} 
    </style>
</head>
<body>

<section class="Signature"> <!-- Make this a <div> and everything's fine... -->
<div class="SigLine" style="width: 400px;">I should be underlined...</div>
</section>

</body>
</html>
4

3 に答える 3

6

上記のTimのコメントを、可能であれば回答としてマークします。これは、Modernizrの印刷シムを探すために私を送り出し、http：//davidwalsh.name/html5-print、次にhttps：//に移動したためです。 github.com/aFarkas/html5shiv/blob/master/src/html5shiv-printshiv.js。私の例にjsファイルを含めることで、IE8での印刷の問題が解決されます。このシブを使用することによる他のフォールアウトがあるかどうかはわかりませんが、それは確かに私の特定の懸念に対処しているようです。

ありがとう、ティム。

于 2012-09-12T15:47:02.533 に答える
0

子孫クラスの呼び出しを使用しないでください。.SigLine を直接呼び出すだけです。

<style type="text/css" media="screen,print">
    .SigLine{border-bottom:solid 1px #000} 
</style>
于 2012-09-12T06:35:27.520 に答える