Question

所以我做了我的研究，到目前为止，我已经尝试了所有的东西。我正在创建一个带有幻灯片推送菜单的响应式网站。我还在学习Java和JQuery所以我最终通过CSS编码严格创建了它。为了做到这一点，我使用了：

  #menu-toggle:checked + .menu {
    position: absolute;
    left: 0;
        }

然后我将左侧属性应用于我的.menu，其值为-240px。但是，当我单击菜单按钮时，导航栏拒绝显示。最重要的是，我的代码编辑器似乎无法识别'transition'属性。

以下是我的html和css文件的链接。这将于明天晚上到期，因此我们将非常感谢您的快速反应。

我将responsive.css放在Javascript bin中，这样就没错了。

Answer 1

你犯了一些错误：

您可以在jsbin的脚本面板中添加css。

然后你写错了css：

#menu-toggle:checked + .menu {
    position: absolute;
    left: 0;
}

将其更改为：

#menuToggle:checked ~ .menu {
    position: absolute;
    left: 0;
}

menuToggle没有menu-toggle。并使用~代替+。