Question

想知道是否有人可以帮助新手？我的代码似乎在Chrome中运行良好，但它不会在IE中显示。

代码的目的是显示或隐藏一段文字。这在Chrome中运行良好，但在IE10中无法正确加载。由于我使用的应用程序的限制，我无法使用JavaScript或任何衍生物。

如果我已经忽略了有关此主题的文章或帖子，我会道歉，但我看不到相关的解决方案。

＆＃13;

.answer,
#shown,
#hideaway:target {
  display: none;
}

#hideaway:target+#shown,
#hideaway:target~.answer {
  display: initial;
}

＆＃13;

<a href="#hideaway" id="hideaway">Click here for text</a>
<a href="#shown" id="shown">Hide text</a>
<div class="answer">
  <P>Text Goes Here</P>
</div>

＆＃13;

感谢您提供的任何帮助！

Answer 1

您应该尝试使用IE开发人员工具，您可能会找到答案。

无论如何，initial is not supported by IE

由于答案是div，While将与display: initial相同。

Answer 2

您可以将display: inital更改为block。因为任何版本的IE都不支持initial

.answer,
#shown,
#hideaway:target {
  display: none;
}

#hideaway:target+#shown,
#hideaway:target~.answer {
  display: block;
}

<a href="#hideaway" id="hideaway">Click here for text</a>
<a href="#shown" id="shown">Hide text</a>
<div class="answer">
  <P>Text Goes Here</P>
</div>

Answer 3

Internet Explorer 11及更早版本不支持初始关键字。

使用Display：阻止。

<style>
.answer,
#shown,
#hideaway:target{
display: none;
}
#hideaway:target + #shown,
#hideaway:target ~ .answer{
display: block;}
</style>


</head>
<body>

<a href="#hideaway" id="hideaway">Click here for text</a>
<a href="#shown" id="shown">Hide text</a>
<div class="answer">
<P>Text Goes Here</P>
</div>
</body>

CSS代码无法在IE中运行

3 个答案: