打印預覽在IE和Firefox中圍繞圖像的白色邊框

在進行打印預覽時，Firefox和IE在圖像周圍顯示邊框。這是一個帶有兩個div的簡單頁面，每個div包含一個400像素的圖像寬度，而容器div爲800像素。我不想在打印預覽時獲得的兩幅圖像之間的白色邊框。有什麼我在這裏做錯了？（在Chrome中不顯示白色邊框。）打印預覽在IE和Firefox中圍繞圖像的白色邊框

我已經試過這個代碼也用於打印的CSS，但沒有運氣..

<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

來源

2012-10-11 Kalish

嘗試添加此CSS：

img { border: 0; }

來源

2012-10-11 16:16:03

嗨凱文，我試過，但沒有運氣。 – Kalish

打印預覽在IE和Firefox中圍繞圖像的白色邊框

回答

相關問題