프린터시 이미지 문제
본문
언녕하세요?
다름이 아니옵고 프린터를 하려고 form을 만들어서 사용하고있는데 Explorer와 Edge에서는 되는데
크롬에서는 도장 이미지가 나오지 않네요.
아래는 프린터전에 화면에 전시되는 것입니다. 보시다 시피 익스플로러와 에지의 도장 위치가 다르고 크롬에는 도장이 나오지 않네요. 익스플로러와 에지는 프린터하면 정상적인 위치에 나오고, 크롬은 도장이 나오지 않습니다.
<익스플로러> <에지> <크롬>
코드는 아래와 같습니다. 부탁드립니다.
function makeHtml(){
const obj = {html : ''};
let html = '<div class="printPop">';
html ='<style type="text/css">';
html += 'body,div,table,thead,tbody,tfoot,tr,th,td,p { font-family: "돋움", dotum, "굴림", gulim, arial, helvetica, sans-serif; font-size:x-small }';
html += ' a.comment-indicator:hover + comment { background:#ffd; position:absolute; display:block; border:1px solid black; padding:0.5em; } ';
html += ' a.comment-indicator { background:red; display:inline-block; border:1px solid black; width:0.5em; height:0.5em; } ';
html += ' .dojang {position:fixed; top:85px; left:290px;}';
html += ' comment { display:none; } ';
html += '</style>';
.
.
.
.
.
html += ' <div class="dojang"><img src="/data/common/dojang.jpg"/></div>';
답변 1
html += ' <div class="dojang"><img src="/data/common/dojang.jpg" style="z-index:9999"/></div>'; 로 하고 프린트속성 css 살펴보시기 바랍니다.
답변감사드립니다.
