列印 CSS 背景圖片
在 ASP.NET Sprites 中,列印背景圖片可能會遇到困難。儘管 HTML 顯示圖像,但由於瀏覽器限制,它們在列印時可能會消失。
產生的程式碼:
<code class="html"><a href="/" id="siteLogo"><img class="getmecooking-logo-png" src="data:image/gif;base64,R0lGODlhAQABAIABAP///wAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /></a></code>
列印樣式表修改:
覆蓋print.css 中siteLogo 元素的siteLogo 元素的siteLogo可見性屬性,如下所示:
<code class="css">#siteLogo { visibility: visible !important; }</code>
瀏覽器特定注意事項:
對於Chrome 和Safari,將以下內容加入到CSS 中:
<code class="css">@media print { * { -webkit-print-color-adjust: exact; } }</code>
不幸的是,在IE 9、10 和11 等其他瀏覽器中,使用者必須手動選擇列印背景影像的選項。他們可以透過點擊列印對話方塊中的齒輪圖示、導航到頁面設定並啟用該選項來完成此操作。
以上是為什麼我的背景影像無法在 ASP.NET Sprites 中列印?的詳細內容。更多資訊請關注PHP中文網其他相關文章!