不显示以在 IE 中显示内联

Question

我查看了其他人并添加了我的文档类型，但它仍然不起作用

我正在建立一个网站，您可以在其中单击产品并打开一个包含更多信息的 div，这部分在 firefox、Chrome 等方面没有问题，但 IE 当然甚至不显示 div。

这就是我所拥有的

#div{position:fixed; display:none;}

现在，当我单击项目时，代码将更改为

#div{position:fixed; display:inline;}

IE 根本不显示 div。

这个网站将在二月份启动并运行，所以我需要帮助！ 希望没什么太难的...

我也不想使用 jQuery... 只是 HTML CSS 和 Javascript

谢谢！

更新： 谢谢你告诉我我的错误，但我确实把 display:none;在我的代码中，这只是一个错误。

更新 2：

这是我的 javascript

function view ()
{
screen.style.display = "block";
title.innerHTML = "<h1>" + set[0] + "</h1>";
purchase.innerHTML = set[0] + " costs " + set[1];
images.innerHTML = "<center>" + set[3] + set[2] + "</center>";
}

这是我的 CSS

#screen{background-color:yellow; position:absolute; top:0px; left:0px; width:780px; height:400px; z-index:4; display:none;}

这是我的 HTML

<div id="screen">

<div id="title">
</div>
<div id="images">
</div>
<div id="purchase">
</div>

我删除了 div 中的文本，因为这并不重要。 这同样适用于除 IE 之外的所有浏览器

Answer 1

您的意思是： display:hidden 不是有效选项。

#div {
  position:fixed;
  display:none;   /* Hide it entirely */
}

或者这个：

#div {
  position:fixed;
  visibility: hidden    /* Don't display, but reserve the space for it */
}

Answer 2

display: inline 不是块元素的 div 的有效选项。您应该使用“block”、“inline-block”，或者将属性留空以获取默认值。

display: hidden;也无效，我相信你的意思是display: none;

[更新] 查看您的代码，可能是因为您使用保留字作为变量名。例如，不要使用“screen”或“title”，而是尝试将变量称为“myScreen”和“myTitle”。

这里是保留字列表：

http://mattsnider.com/reserved-words-in-javascript/

P.S.：正如其他人指出的那样，对于此类问题，指定您在哪个版本的 IE 中进行测试会很有帮助。