0

次のことを考慮してください

<style type ='text/css'>
   .c1
   {
        opacity:0.3;
   }
</style>

と

<div class = 'c1' id = 'myDiv'></div>

と

<script>
   function cssFn()
   {
       document.getElementById('myDiv').style.opacity = 0.8;
   }
   cssFn();

</script>

したがって、javascript を使用して要素の不透明度を変更しました。

document.getElementById('myDiv').style.opacity = 0.3;

スタイルシートを使用して宣言されたスタイルにスタイルをリセットするコードが必要です

4

3 に答える 3

0

Javascriptを介して動的に追加または削除するスタイルを別のクラスに配置し、JavascriptまたはjQueryを使用して、必要なときにそのクラスを追加/削除します。

したがって、Andredseixasが始めたのと同じ線に沿って：

<style type ='text/css'>
   .c1
   {
     opacity:0.3;
   }
   .c2
   {
     opacity:0.3;
   }
</style>

関数cssFnで、jQueryを使用します-属性を使用して不透明度を手動で変更する代わりに、これを実行します。

$("myDiv").addClass("c2");

次に、fadeInロジックが完了したら、jQueryを使用します。

$("#myDiv").removeClass("c2");
于 2012-04-20T20:24:13.767 に答える
0

2つの異なるクラスを使用してみることができます。

<style type="text/css">
  .c1 {
   opacity: 0.3;
  }
  .c2 {
   opacity: 0.8;
  }
</style>

あなたはjavascriptで行うことができます：

 document.getElementByID("myDiv").className = "c1";

またはjQueryを使用：

$("#myDiv").addClass("c1");
于 2012-04-20T18:28:00.830 に答える
0

これが簡単にできるかどうかはわかりません。JavaScriptでスタイルを変更すると、要素にインラインスタイルが作成されます...そのため<div style="opacity: 0.3; ">、属性を削除するか、!importantすべてのことを行うことができます(後者は行わないでください)。ただし、どちらのソリューションもハックです。

または、他の質問で提案されているように、プロパティを「」に設定できます。これはルールを否定し、スタイルシート ルールを取ります。

于 2012-04-20T17:59:46.560 に答える