例如:

頁面具有下列連結

<a href="http://www.mysite.com">我的網站</a>

執行預覽列印時會發現,本來畫面只應該出現 [我的網站]文字,但是卻變成如下

我的網站(http://www.mysite.com)

原因:在bootstrap.css中有設定列印超連結網址

@media print{

    a[href]:after{

       content:" (" attr(href) ") ";

   }

}

 

解決辦法:

自行於Bootstrap CSS之後,再自行定義列印規則

<link rel="stylesheet" type="text/css" href="bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="bootstrap-responsive.min.css">
<link rel="stylesheet" type="text/css" media="print" href="myPrint.css">

myPrint.css定義:

@media print {
    a[href]:after {
      content: none !important;
   }
}

,

K 發表在 痞客邦 PIXNET 留言(0) 人氣()