2

私は現在、ホームページに取り組んでおり、いくつかの問題があります。

本文のカバーに設定された背景画像を取得しました。

body{
    opacity: 1;
    transition:opacity 0.5s ease-out;
    background-image: url(Background.jpg);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

ここで、body-tag 全体の不透明度を JavaScript で 0 に変更したいと考えています。

$("body").css("opacity", "0");

ボディタグにあるのに、背景画像以外はすべて消えますか? 何か案は？

アップデート！！ 「問題サイト」をウェブスペースにアップロードしました。 Webサイト

任意のボックスをクリックして [クエリ] をクリックし、Enter キーを押して js 関数を呼び出します。

ありがとう！！

4

2 に答える 2

0

なんらかの理由で (理由についての参照が見つからないようです)、タグのopacity:0またはvisibility:hiddenを設定しても. body タグの子である background-image を持つ要素には確実に効果があります。したがって、次の 2 つのオプションがあります。<body>background-image

content<div>の周りにラッパーを追加します<body>。

現在持っている場所:

<body>
    <!-- Content -->
</body>

これを次のように変更します。

<body>
    <div id="wrapper">
        <!-- Content -->
    </div>
</body>

そして、CSS本文を#wrapperJavascript/jQuery ターゲティング本文にも移動します

HTML要素に不透明度を設定する

を設定する場所はどこでも、代わりに要素opacity:0でそれを行います。<html>

個人的には、最初のオプションをお勧めします。

于 2013-10-16T16:01:59.000 に答える