2012-10-11 1 views
0

Firefox 및 IE는 인쇄 미리보기를 수행하는 동안 이미지 주위에 테두리를 표시합니다. 두 개의 div가있는 간단한 페이지입니다. 각 div에는 400px의 이미지 너비가 있고 container div는 800px입니다. 인쇄 미리보기를 수행하는 동안 두 개의 이미지 사이에 흰 경계선이 표시되는 것을 원하지 않습니다. 내가 여기서 잘못하고있는 것이 있습니까 ?? (크롬에서는 흰색 테두리를 표시하지 않습니다.) I 인쇄 CSS를하지만 행운이 코드를 시도인쇄 미리보기 IE 및 Firefox의 이미지 주위에 흰색 경계선이 있습니다.

..

<style type="text/css" media="print"> 
.test{float:none;display:inline; border:none;} 
img{border:0;} 
</style> 

코드는 다음과 같습니다

<!DOCTYPE html> 
<html> 
<head> 
<style type="text/css" media="print"> 
.test{float:left; display:inline; border:none;} 
</style> 
</head> 

<body> 
<div style="width:800px;margin:0px auto;"> 
<div class="test" style="float:left;width:400px;"> 
<img src="1334300111712.jpg"> 
</div> 
<div class="test" style="float:left;width:400px;"> 
<img src="1334300115318.jpg"> 
</div> 
    </div> 
</body> 

</html> 

enter image description here

답변

0

이 CSS를 추가하십시오 :

img { border: 0; } 
+0

안녕 케빈, 나는 그걸 시험해 봤지만 행운이 없다. – Kalish

관련 문제