javascript - Display none 以在 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 */
}