مسج: يختفي الطفل عنصر مع $ ( '. parent_class') الآثار التعتيم في IE

Question

ولدي هذا أتش تي أم أل:

<div class="foo parent">
  <div class="child"></div>
</div>

ومع بعض المغلق:

    .foo{ 
         position:absolute; 
         left: -117px;
         background:#000000 none repeat scroll 0 0;
         color:#FFFFFF;
         z-index:8;
     }
    .parent{
         top:23px;
         width:100px;
         height:30px;
         display:none;  #parent and child to start out hidden
     }
    .child{
         position:relative;
         left:94px;
         top:5px;
         height:20px;
         width: 110px;
         background:#000000;
         z-index:9;
    }

وأريد هذه الأم والطفل لتتلاشى في معا، وينتهي مع التعتيم: 0.50. فايرفوكس يفعل هذا على ما يرام، ولكن IE يعطي مشكلة: عندما أفعل fadeIn () أو fadeTo () أو فقط حتى مجرد تطبيق. المغلق ( 'غموض'، '0.50') على الأصل، الأصل يجعل والطفل لا توجد الآن ' ر.

$('.parent').fadeTo('fast',0.50)

-> يسبب الوالد لتتلاشى في ولكن يبدو الطفل أبدا

.

$('.parent').fadeIn('fast')

-> يظهر الأم، أي طفل

$('.parent').css('opacity','0.55')
$('.parent').show()

-> الأم يبدو مع التعتيم، يظهر الطفل أبدا

$('.parent').show()

-> الأم والطفل تظهر على ما يرام (ولكن مع عدم وجود رسوم المتحركة أو الشفافية). إذا كنت تفعل

$('.parent').css('opacity','0.55') or $('.parent').fadeTo('fast', 0.50)

وبعد ذلك، الوالد يحصل على تأثير والطفل <م> يختفي .

وكيف يمكن أن تكون متحركة أحد الوالدين والطفل معا وتبادل خصائص التعتيم؟

Answer 1

ولقد كان بعض النجاح مع تحديد الشفافية على العناصر قبل اليد ثم القيام fadeIn () على العنصر الأصلي. إذا كنت تفعل:

$('.child').css('opacity', '0.50');
$('.parent').css('opacity', '0.50');
$('.parent').fadeIn('fast');

وهذا يعطي تأثير انا ذاهب ل. ومع ذلك انها غريبة، لا بد لي من تعيين التعتيم على الطفل أولا. إذا أنا وضعت لهم على حد سواء في نفس الوقت

$('.child, .parent').css('opacity','0.50');

وأو إذا كنت وضعه على الوالدين أولا، عندما أفعل fadeIn () الطفل يختفي كما كان من قبل.

Answer 2

لماذا لا نحاول تحديد كل عناصر الأم والطفل داخل محدد الخاص بك، تطبيق تأثير / المغلق على حد سواء في نفس الوقت:

$('.parent, .child').fadeTo('fast',0.50);