Opened 6 years ago

Closed 5 years ago

#1376 closed defect (fixed)

Dialogs are invisible in IE6

Reported by: nicholasbs Owned by: ray
Priority: normal Milestone: 0.96
Component: Xinha Core Version: trunk
Severity: blocker Keywords: ie5 new-dialogs
Cc:

Description

The new inline dialogs are invisible in IE6. It looks like it was r1141 that broke things, since I just checked and the dialogs were working as of r1140 and have not worked since r1141.

Change History (4)

comment:1 Changed 6 years ago by nicholasbs

Looks like a regression caused by the CSS3 additions from #1348

comment:2 Changed 5 years ago by ray

  • Owner changed from gogo to ray

comment:3 Changed 5 years ago by ray

It has actually nothing to do with the CSS additions, but it's that I added the classname modal to the dialog, which triggered an zero Alpha value which should only apply to the compound selector .xinha_dialog_background.modal, that is the background not the dialog itself. Please try this test case to enjoy an outstanding example of IE6 madness:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>Untitled Document</title>
        <style type="text/css">
            .xinha_dialog_background.modal {
                filter: alpha( opacity = 10 );
                background-color:red;
            }
            .dialog {
              background-color:green;
              top:200px;
              left:200px;
            }
        </style>
        <script type="text/javascript">
            function toggleMe()
            {
                var x = document.getElementById('x');
                var out = document.getElementById('out');
                if (x.style.position == 'absolute') 
                {
                    x.style.position = '';
                }
                else 
                {
                    x.style.position = 'absolute';
                    
                }
                out.value = "Now the style is position:" + x.style.position;
            }
        </script>
    </head>
    <body>
        <div>
            <button type="button" onclick="toggleMe()">
                Click me to toggle div position absolute
            </button>
            <div id="x" style="" class="modal dialog">
                <h1>Dialog Test</h1>
                
            </div>
            <textarea id="out" rows="2" cols="30">
            </textarea>
        </div>
    </body>
</html>


comment:4 Changed 5 years ago by ray

  • Resolution set to fixed
  • Status changed from new to closed

rev [1155]: no more using modal as classname

Note: See TracTickets for help on using tickets.