0

印刷する必要がある HTML ページがあります。

<div>content to print</div>

また、次のようなフッターコンテンツがあります

<div class="divFooter" style="clear: both; text-align: center, font-size: 12px;">
    footer content
</div>

フッターのCSSは

<style type="text/css">
    @media screen
    {
        div.divFooter
        {
            display: none;
        }
    }
    @media print
    {
        div.divFooter
        {
            position: fixed;
            bottom: 0;
        }
    }
</style>

ie と firefox ではフッターが下部に配置されていますが、chrome ブラウザーではうまく機能しません。何か考えはありますか?

4

1 に答える 1

0

@media printタグを使っているので。あなたのフッターは の一番下になりprint previewます。ブラウザの下部にフッターが必要な場合は、 を追加し@media allます。

<style type="text/css">
    @media screen
    {
        div.divFooter
        {
            display: none;
        }
    }
    @media all
    {
        div.divFooter
        {
            position: fixed;
            bottom: 0;
        }
    }
</style>
于 2013-01-29T06:38:56.233 に答える