2

私はこのプロジェクトを終わらせることができない人から手渡されました。ユーザーがサイトに入る前にヒットする年齢確認のランディング ページです。CSS ファイルとスクリプト ファイルへの通常のリンクがあります (通常どおり)。しかし、彼らはこのコード行をその「機能」に入れましたが、ページの上部近くのスペースに問題が発生しました。約 10 ピクセルのギャップがあり、強調表示するとこの最初の行が表示されます。

@-moz-document url-prefix()
{
    <link href="_CSS/Firefox.css" rel="stylesheet" type="text/css" />
}

このコードを取り出すと、ページは Firefox で見栄えが悪くなります。私はこれを試しました（ブラウザの種類を決定し、スタイルシートを割り当てるJavaScript）：

<script type="text/javascript">
    var browser = navigator.userAgent;
    if (browser == "Firefox") {
        document.write("<link type=\"text/css\" rel=\"stylesheet\" href=\"_CSS/Firefox.css\">");
    } else if (browser == "Microsoft Internet Explorer") {
        document.write("<link type=\"text/css\" rel=\"stylesheet\" href=\"_CSS/IE.css\">");
    } else {
        document.write("<link type=\"text/css\" rel=\"stylesheet\" href=\"_CSS/AgeVerify.css\">");
    }
</script>

しかし、それはうまくいかないようです。私の質問は次のとおりです。その最初のコードは何ですか?
ページの上部に空のスペースが残るのはなぜですか (そして、そのスペースを強調表示すると表示されます)。
最後に、それを取り除き、Firefox を適切に表示するにはどうすればよいですか?

編集： 2つのスクリーンショットを追加：

4

1 に答える 1

1

この部分を使用してください: <link href="_CSS/Firefox.css" rel="stylesheet" type="text/css" />. これにより、必要なスタイル シートが引き続き使用されます。

残りは何か理由があるのでしょうか？

そのままにしておく必要がある場合、ユーザーが Firefox を使用している場合は、CSS を介してページ全体を x ピクセル上に移動/配置できると思います。最も美しい解決策ではありませんが、うまくいくかもしれません。

于 2013-01-24T16:27:19.753 に答える