تعطيل ADBLOCK

يمنع ADBlock بعض المحتوى على الموقع

ADBlock errore
العثور على نتائج: 

IE CSS علة - كيف يمكنني الحفاظ على موقف: محتوى جافا سكريبت عندما الديناميكي المطلق على التغييرات صفحة

StackOverflow https://stackoverflow.com/questions/33837

سؤال

ولدي صفحة حيث يوجد عمود وشعبة المحتوى، والى حد ما مثل هذا:

<div id="container">
    <div id="content">blahblahblah</div>
    <div id="column"> </div>
</div>

ومع بعض التصميم لدي الصورة التي تنقسم بين العمود ومضمون لكنه يحتاج للحفاظ على نفس المواقع الرأسي بحيث يصطف.

والتصميم مشابه لهذا:

#column 
{
    width:150px;
    height:450px;
    left:-150px;
    bottom:-140px;
    background:url(../images/image.png) no-repeat;
    position:absolute;
    z-index:1;
}

#container 
{
   background:transparent url(../images/container.png) no-repeat scroll left bottom;
   position:relative;
   width:100px;
}

وهذا يعمل كبيرة عندما يتم تحميل المحتوى في #content حيوي قبل التقديم. هذا يعمل أيضا كبير في فايرفوكس دائما. ومع ذلك، في IE6 و IE7 إذا كنت تستخدم جافا سكريبت لتغيير المحتوى (وبالتالي ارتفاع) من #content، الصور لم تعد يصطف (#column لا يتحرك). إذا كنت تستخدم IE المطور بار لمجرد تحديث شعبة (قل إضافة الموقف: المطلق يدويا). الصورة يقفز إلى أسفل ويصطف مرة أخرى

هل هناك شيء أنا في عداد المفقودين هنا؟

وRicky - هم، وهذا يعني في هذه الحالة لا يوجد حل على ما أعتقد. في أفضل حالاتها سيكون هناك تنافسا jaggedy بعد ذلك ولكن مع توسع المحتوى الخاص بي والعقود الخ الاختباء / عرض لم ينجح ليكون عمليا. لا يزال الشكر للإجابة مع أفضل حل.

المحلول

عن خلل في المحرك التقديم. أنا واجهت في كل وقت. طريقة واحدة المحتملة لحلها هي لإخفاء وإظهار شعبة كلما قمت بتغيير المحتوى (وهذا بدوره يغير الارتفاع):

var divCol = document.getElementById('column');
divCol.style.display = 'none';
divCol.style.display = 'block';

ونأمل أن يحدث ذلك بسرعة كافية أنه لا يمكن ملاحظتها:)

إذا أردت ، اترك لنا رأيك

هل كانت المقالة مفيدة وهل تمت ترجمتها بشكل صحيح؟

نصائح أخرى

والحل الآخر الذي عملت بالنسبة لي، وكان لم يكن تأثير الخفقان لإضافة وإزالة اسم فئة دمية CSS، مثل ذلك باستخدام مسج:

$(element).toggleClass('damn-you-ie')

إذا كنت قلقا حول الحصول على وميض من إظهار وإخفاء divCol لك أن ajust الملكية المغلق آخر، وسوف يكون له نفس التأثير منها مثلا.

var divCol = document.getElementById('column');
divCol.style.zoom = '1';
divCol.style.zoom = '';

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow