6 svar · 643 visningar · startad av Flow
Hallåj!
Undrar om man med hjälp av CSS kan _tvinga_ browsern att skriva ut bakgrundsbilder (som är avstängt automatiskt från början i IE)?
Alltså, jag har en sida med en bakgrund i en tabell, när jag trycker på print page vill jag att bakgrunden alltid skall visas vid utskrift, går detta?
mvh
Flow
Men så måste man ta med den vanliga varningen:
om det inte handlar om ett internt nätverk kan kanske folk bli lite sura på att din sida slösar bläck i skrivaren. :)
Det är bara en svart ram runt tabellen så det är inte så mycket bläck som slösas :)
Jesper T skrev:
Går det inte med @media print
Nja, om bakgrundsutskrift av bilder är avstängd så ska webbläsaren inte skriva ut några oavsett hur man skriver sin stilmall.
Nja, om bakgrundsutskrift av bilder är avstängd så ska webbläsaren inte skriva ut några oavsett hur man skriver sin stilmall.
Alltså så finns det inte så mycket att göra.
Hmm...
Det du borde kunna göra är att koda om din sida så att du använder "lager på lager" och lägger t.ex. en <div> med innehållet i tabellcellen ovanpå en <img>-tagg istället för att köra med bakgrundsbilder i tabellcellen...
Exempel:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Bakgrundsbild</title>
</head>
<body>
<table border="1">
<tr><td colspan="3" style="height:80px"> </td></tr>
<tr>
<td style="width:80px"> </td>
<td>
<div style="width:300px; height:300px;">
<div style="z-index:17; position:absolute; width:300px; height:300px;">
Denna text hamnar över bilden<br>
i Mozilla, MSIE6 och Opera6<br>
Kanske det funkar även i andra webbläsare?
</div>
<img src="enbild.jpg" alt="bakgrundsbild"
style="position:absolute; width:300px; height:300px;">
</div>
</td>
<td style="width:80px"> </td>
</tr>
<tr><td colspan="3" style="height:80px"> </td></tr>
</table>
</body>
</html>