お世話になっております。
例えばこのようなHTMLがあったとき、
html
1 <table> 2 <tbody> 3 <tr> 4 <td id="hoge">あいうえお</td> 5 <td>あああ</td> 6 <td>あああ</td> 7 <td>あああ</td> 8 </tr> 9 </tbody> 10 </table>
この表のtdの枠の中にhoge.png
を背景に指定したいと思っています。
なぜ、background
ではなく、わざわざ擬似要素を使うかといいますと印刷時に背景画像が印刷できるようにしたいからです。
一応、Internet Explorerは設定で印刷できますが、Edgeでは設定自体が無理です。
css
1#hoge:after { 2 content: url(../img/hoge.png); 3}
td
の枠の大きさにフィットさせてpng画像を指定することはできますでしょうか?
背景印刷の方法はいろいろあるようですが、そちらは試してみたのでしょうか? 例えば「CSS 印刷用背景」で検索すると結構出てきますが。
Edgeでもできないことはなさそうです。 http://var.blog.jp/archives/73766920.html