Javascript 显示<；部门>；没有JS

我有一个非常，非常简单的网页，它由一个大背景图像和一个按钮组成，在这个图像的中心（按钮被放置在一个div中来定位它），我希望这个按钮是可点击的，当点击时，替换为另一个div，它将显示电影预告片

我遇到的每个解决方案都实现JS，并且都是显示/隐藏div，而不是替换显示/隐藏按钮

我只是想显示div，它不需要在之后隐藏（因为无论如何按钮都有希望被替换）

与Duke Nukem网站上的示例几乎相同：

单击“播放预告片”时，它将显示在中心位置。这与我想做的唯一区别是，我希望我的按钮也位于中央，并在按钮顶部显示拖车（启动后无法隐藏拖车）

如果有人想知道为什么我不把预告片放在页面上，而不把它放在页面中央的一个div中，这就是为什么我让它“显示”而不是仅仅把视频嵌入到页面中央的原因，因为网页有一个大的背景，我想先看到它以产生影响，然后再显示预告片

---

如果这在JS中是可能的，并且有人可以给我举个例子，我也会乐意接受

有一种方法可以使用：target选择器（仅在最新的浏览器上受支持）从纯HTML和CSS3执行此操作。在下面的注释中，SLaks向您展示了一个遵循JSFIDLE链接的示例

互联网上有很多例子可以让你使用JavaScript显示/隐藏一个div onclick。下面是一个示例：

您可以使用

---

您可以使用css的绝对定位和z索引规则来显示在第一个div顶部显示预告片的div，这可以在javascript中使用div元素的style属性来完成

div.button:active {
   visibility:visible;
}

---

您也可以使用CSS表达式。我确信，表达式已被弃用，几乎不受支持。

错误。你可以在纯CSS中这样做。每天学习一些新的东西。这在IE 6、7、8中不起作用，对吗？我认为它们只支持@font-face。如果我使用z-index并将一个div放置在另一个div上，我想这样做，但是在单击按钮div之前，我如何隐藏预告div？您可以使用以下css隐藏它：display:none；和可视性：hiddenHi，你能稍微详细说明一下吗？我想这正是我想要的，先生，你是一个救生员。这只适用于支持CSS3选择器的浏览器。只有最新版本的IE才有：@SLaks:thx用于清理。