1

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

我正在建立一个网站，您可以在其中单击产品并打开一个包含更多信息的 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 之外的所有浏览器

4

2 回答 2

0

你的意思是这个： display:hidden不是一个有效的选项。

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

或这个：

#div {
  position:fixed;
  visibility: hidden    /* Don't display, but reserve the space for it */
}
于 2013-01-26T22:19:59.663 回答
0

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

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

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

以下是保留字列表：

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

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

于 2013-01-26T22:31:16.520 回答