2

バーコード (Code 39 標準) の印刷中に問題が発生しました。断続的に発生するものです。

-Google Chrome の場合:

通常はコードが表示されますが、印刷ビューで表示すると、下の画像のように、表示されるはずの元のバーコードではなく、奇妙なコードが表示されます。

印刷前:

印刷前

印刷後:

印刷後

- Internet Explorer の場合:

唯一の違いは、印刷しようとすると、画像のようなコードのみが表示されることです。

ここに画像の説明を入力

CSS を使用してバーコードをカスタマイズしており、画像ではなくテキストを使用してバーコードを表示しています。

誰でも私を助けることができますか?

追伸:

バーコードに使用している CSS (デフォルトだと思います):

@font-face {
    font-family: 'C39HrP24DhTtNormal';
    src: url('c39hrp24dhtt-webfont.eot');
    src: url('c39hrp24dhtt-webfont.eot?#iefix') format('embedded-opentype'),
         url('c39hrp24dhtt-webfont.woff') format('woff'),
         url('c39hrp24dhtt-webfont.ttf') format('truetype'),
         url('c39hrp24dhtt-webfont.svg#C39HrP24DhTtNormal') format('svg');
    font-weight: normal;
    font-style: normal;

}

これが HTML です。

    <head>
    <title>AAAAAAAAAA</title>
    <script language="javascript" type="text/javascript" src="Controller/Configuratuion.js"></script>
    <script language="javascript" type="text/javascript" src="Library/JQuery.js"></script>
    <script language="javascript" type="text/javascript" src="Library/AjaxHelper.js"></script>
    <script language="javascript" type="text/javascript" src="Library/Scripts.js"></script>
    <script language="javascript" type="text/javascript" src="Controller/PrintCapaloteClienteController.js"></script>
    <script language="javascript" type="text/javascript">
        $(document).ready(function() {
            PrintCapaloteClienteController.Init();
        });
    </script>
    <link type="text/css" rel="Stylesheet" href="css/BarCode3de9/stylesheet.css" />
    <link type="text/css" rel="Stylesheet" href="css/Style.css" />
    <style type="text/css">
        body#Print
        {
            padding: 10px 10px 10px 10px;
        }
        div#BarCodeContrainer
        {
            text-align: right;
        }
        div#HeaderContainer, .footer
        {
            border: solid 2px black;
        }
        div#MainContainer
        {
            text-align: center;
        }
        .leftText
        {
            text-align: left;
        }
        .rightText
        {
            text-align: right;
        }
        .centerText
        {
            text-align: center;
        }

        .header
        {
            text-align: left;
        }

        .header th
        {
            text-align: left;
            border-top: solid 1px black;
            border-bottom: solid 1px black;
        }

        .closeLeft
        {
            border-left: solid 1px black;
        }

        .closeRight
        {
            border-right: solid 1px black;
        }
    </style>
</head>
<body>
    <div id="HeaderContainer">

    </div>
    <div id="MainContainer">

    </div>
</body>
</html>
4

0 に答える 0