在 IE7 和 IE 6 中，设置 element.style['display'] = 'inherit' 会引发异常

Question

对于这个 IE 错误有什么好的解决方法，它仍然允许我使用 javascript 在 IE7 或 IE6 中将 HTML 元素的显示样式设置为“继承”？

    var el = document.getElementById('someElementID');
    if (!el) return false;
    try {
        var displayValue = 'inherit';
        //the next line throws exception in IE7 and IE6
        // when displayValue = 'inherit'
        // but not for other legit values like 'none', 'block', 'inline' or even ''
        el.style['display'] = displayValue;
    } catch (e) {
        alert(e.message);
    }

假设我不想将visible: hidden、position:absolute 设置为不可见或将z-index 设置为其他内容。

Answer 1

display 属性的许多值是在 CSS 2 中添加的，inherit 就是其中之一。较旧的浏览器不支持这些新值。您可以比较CSS 1 和CSS 2 中的可能值。

即使您可以设置该值，它也无用，因为浏览器不知道如何处理它。