javascript - 在IE7和IE6中，设置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-索引 它在别的东西下。

Answer 1

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

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