0

次のhtmlページがあります。

<body>
    <div class="hide1" style="width:1000px; height:1000px;">
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td colspan="2" align="center">Heading</td>
        </tr>
        <tr>
          <td width="51%">Left1</td>
          <td width="49%">right 1 </td>
        </tr>

        <tr>
          <td>Left 2 </td>
          <td>right 2 </td>
        </tr>
    </table>
    </div>
</body>

クラスhide1は次のとおりです。

<style>
.hide1 {
  background: url(back.png) no-repeat;
}
</style>

JQUERY関数は次のとおりです。

<script>
 $(document).ready(function(){
 $("div.mover").click(function () {
 $("div.hide1").fadeTo("slow", 0.33);
 });
 });
</script>

私の問題は、ページ全体がフェードすることです。しかし、divの背景画像だけをフェードしたいです。どうすればこれを行うことができますか？

4

2 に答える 2

0

背景画像だけを含むもう 1 つの div を追加して、その 1 つだけをフェードするのはどうですか?

何かのようなもの：

<div class="wrapper">
  <div class="image">
    //FADE THIS
  </div>
  <div class="content">
    // DON'T FADE THIS
  </div>
</div>

内側の div には絶対配置を使用できます。

于 2009-10-21T14:38:03.753 に答える
0

要素の背景画像だけに CSS 不透明度を適用することはできません。

1 つは背景画像 (フェード可能) を含み、もう 1 つは非フェード コンテンツを含みます。次に、CSS ポジショニングを使用してそれらを互いの上に配置します。

背景要素を同じ高さにする必要があるため、コンテンツ要素の高さが事前にわかっていない場合、これは注意が必要です。その場合、IE6 の絶対配置とスクリプト バックアップの組み合わせが必要になる場合があります。

于 2009-10-21T14:44:52.597 に答える