2015-01-20 52 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