Question

我已经看过其他人并添加了我的doctype但它仍然不起作用

我正在建立一个网站，你点击一个产品，一个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的有效选项，div是块元素。您应该使用“block”，“inline-block”，或者只保留属性为空以获得默认值。

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

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

以下是保留字列表：

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

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

显示无以在IE中内联显示

2 个答案: