مسج: مشكلة مع وجود ضوابط إطارات في IE6

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

سؤال

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

وكيف لي أن التعامل مع هذه المشكلة؟ يجب أن إخفاء حدد مربع أو لا مسج ليقدم له نوعا من الحل "الرقائق". (لقد غوغلد لكنها لم تجد أي شيء)

وهنا بعض التعليمات البرمجية: 

<!DOCTYPE html>
<html lang="en">
<head>
<title>testJQuery</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<meta name="GENERATOR" content="Rational Application Developer">

        <link rel="stylesheet" href="theme/smooth/theme.css" type="text/css" media="screen" />
</head>
<body>

    <a class="pop" href="nix">Click me</a>

    <p/>

    <select size="20">
        <option>s jl fjlkdjfldjf l*s ldkjsdlfkjsdl fkdjlfks dfldkfjdfkjlsdkf jdksdjf sd</option>
        <option>s jl fjlkdjfldjf l*s ldkjsdlfkjsdl fkdjlfks dfldkfjdfkjlsdkf jdksdjf sd</option>
        <option>s jl fjlkdjfldjf l*s ldkjsdlfkjsdl fkdjlfks dfldkfjdfkjlsdkf jdksdjf sd</option>
        <option>s jl fjlkdjfldjf l*s ldkjsdlfkjsdl fkdjlfks dfldkfjdfkjlsdkf jdksdjf sd</option>
        <option>s jl fjlkdjfldjf l*s ldkjsdlfkjsdl fkdjlfks dfldkfjdfkjlsdkf jdksdjf sd</option>
    </select>

    <div id="xyz" class="flora hiddenAsset">
        <div id="dialog" title="Edit Link">
            <p>Enter the link details:</p>
            <table width="80%" border="1">
                <tr><td>URL</td><td><input id="url" style="width:100%" maxlength="200" value="{url}"/></td></tr>
                <tr><td>Title</td><td><input id="title" style="width:100%" maxlength="200" value="{title}"/></td></tr>
                <tr><td>Target</td><td><input id="target" size="20" maxlength="200" value="{target}"/></td></tr>
            </table>
        </div>
    </div>

<script type="text/javascript" src="../script/firebug/firebug.js"></script>
<script type="text/javascript" src="jquery-1.2.6.js"></script>
<script type="text/javascript" src="jquery-ui-1.5.2.js"></script>
<script type="text/javascript" src="jqSOAPClient.js"></script>
<script type="text/javascript">
(function($){
    $(document).ready(function(){
        console.debug('ready');
        $('.hiddenAsset').hide();

        $('a.pop').bind('click', showDialog);
        console.debug('ready - done');
    });

    var showDialog = function(){
        console.debug('show');
        $('#dialog').dialog({
            modal: true,
            overlay: {
                backgroundColor: '#666',
                opacity: '.3',
                filter: 'alpha(opacity=30)'
            },
            width: '400px',
            height: '300px',
            buttons: {
                Ok: function() {
                    $(this).dialog('close');
                },
                Cancel: function() {
                    $(this).dialog('close');
                }
            }
        });
        console.debug('show-done');
        return false;
    };
})(jQuery);
</script>
</body>
</html>
هل كانت مفيدة؟

المحلول

وهذا لا يكون لها أي علاقة مع مسج على وجه الخصوص. هذا هو خطأ معروفة في IE 6 - اختر صناديق ويندوز أصلية تظهر دائما على رأس العناصر الأخرى. الشيء الوحيد الذي يمكنك القيام به هو إخفاء مربعات التحديد عندما كنت تستر - عادة استبدالها شيء يشبه المربع حدد

نصائح أخرى

وأنا في نهاية المطاف وجدت في المكونات التي تساعد - bgiframe الغريب أن كان متوفرا كما المكونات في. لماذا أليس كذلك متكاملة في واجهة المستخدم الرئيسي؟!

وحاول بها ولكن، للأسف، فإنه مسامير يصل الحوار بلدي! محتويات الحوار كلها حولوا تركها 30-40 بكسل :-(. المشكلة التالية ...

مرخصة بموجب: CC-BY-SA مع الإسناد
لا تنتمي إلى StackOverflow
scroll top