jQuery - Ruby Rails - fadeToすべてのdivを

Question

内部divを変更しないで、div（エラークラス）の背景色を消すにはjQuery fadeToを試しています。しかし、ChromeとFirefoxの両方で、 "エラー" divと内部div内のテキストの両方がぼやけてしまいます。 IEでそれは動作します、ちょうどエラーdivが退色しますが、内部のdivはありません。すべてのブラウザでどのように作業するのですか？

簡単に言えば、内側のdivが全く消えないようにするだけです。

ビュー -

<div class="error" style="display: inline-block;z-index:1;"> 
<div style="position:relative;z-index:2;">Error: <%= @a[:error] %> 
</div> 
</div> 

HTML -

<div class="error" style="z-index:1;height=300px;width=500px;"> 
<div style="position:relative; z-index:2;">Error: some error</div> 
</div> 

javascriptの - すべての要素のデフォルトのbackgronudが実際に透明であるため、これが起こっている

$(document).ready(function(){ 
$(".error").fadeTo("slow",0.20); 
}); 

Answer 1

。内部divの透明な背景は、外側divの背景の変化を示します。

これを防ぐには、エラーdiv内のdivに明示的な背景（例：このCSSを使用して：

.error div { background: white; } 

「クラスのdiv内にdivを指定してください」というエラーは「白い背景」です。

Answer 2

私の答えを参照してくださいhere fadeToの使用について。単純な答えはfadeToです。不透明度がすべての子孫に適用されるため、これを行うことはできません。アニメーションを使用し、0のアルファベットを持つ背景色を設定します。