1

Smoetimes 私は CSS が嫌いで、さらに重要なことに JavaScript (この場合は jQuery) が嫌いです。私は次のものを持っています：

#project {
    opacity: 0.2;

    float: left;
    margin: 10px;
}

そして、私のHTMLには次のものがあります:

<script type="text/javascript">
    $('#project img').hover(function() {
        $(this).fadeTo("slow", 1);
    });
</script>

<div id="project">
    <div id="img"><img src="..."></div>
    <p>Title:</p> ...
</div>

しかし、CSSファイルで設定されている不透明度の最大値である1.0ため、何らかの理由でフェードできません。結果として、それは にフェードします。1.00.2fadeTo("slow", 0.5);0.1

簡単な方法で、定義済みの0.2不透明度から完全な不透明度への「フェードイン」をアニメーション化するにはどうすればよいですか?

編集: CSS 部分は最初のページの読み込み時に読み込まれ、HTML 部分は$("#content").load($(this).text() + ".html");後で AJAX () 経由で読み込まれます。

4

4 に答える 4

1

子要素の不透明度は、その親要素の不透明度を「オーバーライド」することはできません。

可能であれば、およびプロパティの色を#project使用するために不透明度を指定できます。alpha プロパティは、不透明度として子孫要素に継承されません。rgba()colorbackground-color

于 2013-07-16T12:33:46.637 に答える