Question

我正在尝试诊断旧网站的问题，而不是我支持的问题。问题是在IE8中，SELECT标签被隐藏。事实证明，这是由于旧版本的calendar.js，它不仅将visibility:hidden样式应用于SELECT标签，还应用于applet和iframe。

我的javascript和旧浏览器怪癖的细节生锈了，但我觉得奇怪的是，当它们与日历无关时，它隐藏了这些标签。在有问题的页面中，这个被隐藏的选择标记位于日历对象上方的div中，尽管它们的格式相同。

这是早期版本的IE的问题吗？如果检查IE的版本并且不将这些样式应用于版本8及更高版本，是否“安全”？

这是calendar.js的功能：

Calendar.prototype.hideShowCovered = function () {
  if (!Calendar.is_ie && !Calendar.is_opera)
    return;
  function getVisib(obj){
    var value = obj.style.visibility;
    if (!value) {
      if (document.defaultView && typeof (document.defaultView.getComputedStyle) == "function") { // Gecko, W3C
        if (!Calendar.is_khtml)
          value = document.defaultView.
            getComputedStyle(obj, "").getPropertyValue("visibility");
        else
          value = '';
      } else if (obj.currentStyle) { // IE
        value = obj.currentStyle.visibility;
      } else
        value = '';
    }
    return value;
  };

  var tags = new Array("applet", "iframe", "select");
  var el = this.element;

  var p = Calendar.getAbsolutePos(el);
  var EX1 = p.x;
  var EX2 = el.offsetWidth + EX1;
  var EY1 = p.y;
  var EY2 = el.offsetHeight + EY1;

  for (var k = tags.length; k > 0; ) {
    var ar = document.getElementsByTagName(tags[--k]);
    var cc = null;

    for (var i = ar.length; i > 0;) {
      cc = ar[--i];

      p = Calendar.getAbsolutePos(cc);
      var CX1 = p.x;
      var CX2 = cc.offsetWidth + CX1;
      var CY1 = p.y;
      var CY2 = cc.offsetHeight + CY1;

      if (this.hidden || (CX1 > EX2) || (CX2 < EX1) || (CY1 > EY2) || (CY2 < EY1)) {
        if (!cc.__msh_save_visibility) {
          cc.__msh_save_visibility = getVisib(cc);
        }
        cc.style.visibility = cc.__msh_save_visibility;
      } else {
        if (!cc.__msh_save_visibility) {
          cc.__msh_save_visibility = getVisib(cc);
        }
        cc.style.visibility = "hidden";
      }
    }
  }
};

Answer 1

这些对象始终位于Z顺序的顶部，这意味着如果它们试图显示在日历上，它们将显示在日历的顶部。

在任何现代浏览器中select都不再适用，并且（你需要测试它）我怀疑iframe同样如此。他们肯定在IE8中没有这个问题。

另一方面，

applet几乎肯定还有问题，是嵌入页面的重量级窗口。重量级窗口模式下的Flash也会遇到同样的问题。

为什么这些日历javascript会隐藏IE的select，applet和iframe标签？

1 个答案: