尝试使用搜索单片眼镜图标开始的Javascript，当您点击它时，搜索框会在导航栏上展开。现在可行，但问题是即使搜索框未在导航栏上，您也无法点击导航栏中的任何链接。可能是因为搜索框仍然存在，即使它没有。
我认为这是我的css文件中的一些内容，但我已尝试过多次修改，但无济于事。它似乎工作的唯一方法是使搜索栏的宽度非常小。我在这里提出了一个问题的样本：http://somm.icorp.net/search-test.html
任何想法如何使这项工作有关正确扩展栏，而不是掩盖链接，直到点击搜索图标？
答案 0 :(得分：0)
z-index #input -1最初太高了（它是5）。将其更改为z-index。
编辑：
我为找到您的问题所做的工作：在Chrome中，右键单击您希望正常点击的区域，然后从上下文菜单中选择“检查元素”。这将突出显示您实际点击的项目。请注意，当active类未启用时，#<User id: 175, email: "", created_at: nil, updated_at: nil, encrypted_password: "", reset_password_token: nil, reset_password_sent_at: nil, remember_created_at: nil, sign_in_count: 0, current_sign_in_at: nil, last_sign_in_at: nil, current_sign_in_ip: nil, last_sign_in_ip: nil, confirmation_token: nil, confirmed_at: nil, confirmation_sent_at: nil, unconfirmed_email: nil, failed_attempts: 0, unlock_token: nil, locked_at: nil, stripe_customer_id: nil, stripe_card_id: nil, invite_code: nil, invited_by: nil, profile_pic: nil, first_name: nil, last_name: nil, full_name: nil>
属性高于按钮。