У меня проблема при печати штрих-кодов (стандартный код 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>