JQuery تراكب تحديد المواقع خاطئة

Question

لدي DIV (مع مشغلات الطبقة) مع الصور وهذا div في حاوية معرف معرف. يتم تعيين تحديد المواقع للحاوية DIV على النسب الذي يؤدي إلى ظهور التراكب في الزاوية اليمنى السفلى وعندما تكون الصورة أكبر فسوف تذهب خارج الشاشة.

كيف يمكنني اصلاح هذا؟

قرأت هذا واحد ولكن هذا لن يكون حلا جيدا بالنسبة لي، لا أستطيع تحريكها خارج الحف الرئيسي ولا يمكنني إزالة المواقع النسبية للحاوية DIV -> أدوات مسج تراكب الصراع CSS، الصورة وضعت تحت التراكب

نشرت في المنتدى ولكن لم يتم تقديم أي مساعدة حتى الآن -> http://flowplayer.org/tools/forum/40/32440.

Answer 1

يمكن إصلاح ذلك عن طريق تحريك عنصر التراكب خارج DIV المحرك نسبيا.

يمكنك القيام بذلك بسهولة مع JQuery قبل تطبيق طريقة التراكب، على سبيل المثال

<div style="position: relative; top: -5px;">
    <a href="#" class="overlayTrigger" rel="myOverlay">My overlay trigger</a>
    <div id="myOverlay"> Testing 123 </div>
</div>

<script>
jQuery(function($) {
    $("a[rel].overlayTrigger").each(function() {
        var el = $(this);
        var target = el.attr('rel');
        $(target).appendTo('body');
        el.overlay({
            target: target,
            top: "center",
            expose: { 
                color: '#333',
                loadSpeed: 200,
                opacity: 0.9
            }
        });
    });
});
</script>

Answer 2

لقد وجدت مع IE8، حتى لو وضعت رمز التراكب قبل علامة جسم الإغلاق مباشرة، فلن يتم عرضها بشكل صحيح. فقط أعلاه: $ (الهدف) .Appendto ('الجسم')؛ عمل! ربما كان هذا بسبب جافا سكريبت آخر للكتابة إلى دوم. شيء بسيط، واستخدامه للتأكد.