title: modal popup behind ActiveX
body: <p>I have an MVC website with Knockout and jQuery included. I have as well an ActiveX implemented, called AlternaTIFF. On one page there should be a modal pop up opened, but somehow it is always behind the ActiveX (if I remove the ActiveX it is working fine). The modal pop up is opened with jQuery. I've tried already several things I found on the www, unfortunately none helped:</p>
  
  <ul>
  <li>play with z-index</li>
  <li>play with position</li>
  <li>tried several jQuery things: appendTo, moveToTop, change z-index after load</li>
  <li>have the modal outside any other divs</li>
  <li>add a wmode transparent parameter to the object</li>
  </ul>
  
  <p>As I can't hide the ActiveX (e.g. with visibility), I can't solve the problem like this.</p>
  
  <p>Do you have any other idea what to try?</p>
  
  <p>That's my Alternatiff-object:</p>
  
  <pre><code>&lt;object width="100%" height="800" classid="CLSID:106E49CF-797A-11D2-81A2-00E02C015623"&gt;
   &lt;param name="src" value="@Url.Content("~/images/000002866_412097962.tif")"&gt;
   &lt;embed width="100%" height="800" src="@Url.Content("~/images/000002866_412097962.tif")" type="image/tiff"&gt;
  &lt;/object&gt;
  </code></pre>
  
  <p>That's how my modal looks:</p>
  
  <pre><code>&lt;div id="myModal" class="window" title="myTitle" data-bind="visible: ModalShow"&gt;
  &lt;div&gt;
      &lt;input type="radio" name="radio1" value="a" data-bind="checked: radioChoose" /&gt;text goes here&lt;/div&gt;
  &lt;div&gt;
      &lt;input type="radio" name="radio2" value="a" data-bind="checked: radioChoose" /&gt;text goes here&lt;/div&gt;
  &lt;div&gt;
      &lt;input type="radio" name="radio3" value="a" data-bind="checked: radioChoose" /&gt;text goes here&lt;/div&gt;
  &lt;div&gt;
      &lt;a href="#" data-bind="click: cancelRadio"&gt;Cancel&lt;/a&gt; | 
      &lt;a href="#" data-bind="click: saveRadio"&gt;Save&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>That's how I open it:</p>
  
  <pre><code>                    self.ModalShow(true);
                      $("#myModal").dialog({
                          dialogClass: "no-close",
                          modal: true,
                          minWidth: 425,
                          resizable: false
                      });
  </code></pre>
  
  <p>Maybe I did something wrong, but I don't find where it is. As said without the ActiveX everything is fine and works as it should. The AlternaTIFF plugin is only working for IE and we has to run with IE8 (I'm using IE9 for developing).</p>
  
  <p>Thanks already in advance and please let me know if you need more information</p>
  
  <p>Thanks</p>
  
  <p>Susanna</p>