2015-01-20 73 views
0

我很有興趣this link邊框半徑圓角沒有出現在打印

閱讀但這並沒有幫助我理解了爲什麼邊界半徑的問題沒有出現在平面媒體。

它們顯示在瀏覽器中,但不打印。

HTML

<div class="card"> 

    <div class = "qr"> 
    <div id ="qr1"></div> 
    <?php echo $_POST["url"]; ?> 
    <div id ="qr2"></div> 
    <div id ="qr3"></div> 
    <div id ="qr4"></div> 

    </div> 

    <div class = "desc"> 
    <div>Site title</div> 
    <div><?php echo $_POST["titleText"] ?></div> 
    <div>Hosting site</div> 
    <div><?php echo $_POST["hostText"] ?></div> 
    <div>Who made this site?</div> 
    <div><?php echo $_POST["orgText"] ?></div> 
    <div>Other information</div> 
    <div><?php echo $_POST["commentText"] ?></div> 
    </div> 

</div> 

CSS

.qr { 
float:left; 
position: relative; 
width: 30%; 
} 

.desc { 
float:left; 
width: 70%; 
} 

.card { 
width: 100%; 
position: relative; 
border-top: 30px solid black; 
-moz-border-radius: 20px; 
-webkit-border-radius: 20px; 
border-radius: 20px; 
padding: 5px; 
} 

一切我已閱讀建議我這樣做的權利。任何幫助發現我錯過了什麼,將不勝感激。

+0

什麼是你的CSS媒體設置? – 2015-01-20 22:57:57

+0

可能會嘗試首先創建PDF,然後打印此... – Dwza 2015-01-20 22:58:08

+0

@ 2C-B其他地方我有 (at)media print {} 刪除背景顏色。但改變或刪除這個沒有效果。 – Russell 2015-01-20 23:00:10

回答

1

邊界和人力資源被認爲是背景圖像,所以默認情況下,不會打印您的頁面。如果你想允許他們打印,你將不得不手動選擇打印頁面背景。

我不知道你在哪裏可以在所有瀏覽器上找到這個設置,但我知道在Chrome中,該設置位於打印對話框中。我會假設在其他瀏覽器中有類似的位置。

enter image description here


在 「+更多設置」 - > 「選項」:

enter image description here