Question

我在设计客户网站的移动菜单方面做得很好，但是有一些编码问题，试图在移动菜单后面添加徽标部分和汉堡按钮。

因此，当用户点击汉堡包按钮时，他们将不会看到徽标部分和汉堡包按钮。

所以我已经做了一个z-index但是没有工作。这是指向网站的链接，因此请重新调整屏幕大小以查看菜单，并且没有任何javascript＆amp; jquery现在加入网站。

网站预览： https://brandonpowell.github.io/alegacyleftbehind/

@media (max-width: 480px){
  nav{
    height:100%;
    width:100%
    }
    nav .bottom-navbar{
      background-color:#212121
    }
    nav .bottom-navbar .logo{
      position:absolute
    }
    nav .bottom-navbar .bt-close{
      position:absolute;
      background-color:#51237f;
      padding:9px;
      display:block;
      top:0;
      width:100%
      }
      nav .bottom-navbar .bt-close .close-image{
        width:50px;
        padding:10px;
        float:right;
      }
        nav .bottom-navbar .bt-close .main-title{
          color:white;
          padding:20px 10px;
          text-transform:uppercase;
          font-size:13pt;font-family:Montserrat,sans-serif;
          letter-spacing:1px
          }
          nav .bottom-navbar .nav-menu{
            display:block;width:34px;margin:36px;float:right
          }
          nav ul li{
            float:none;
            display:block;
            letter-spacing:1px;
            padding:1.9em 15px;
            border-bottom:2px solid #2e2e2e;width:100%
            }
            nav ul li a{
              color:white;
              font-size:1.6em
              }
              li:hover{
                background-color:#2e2e2e;
                text-decoration:none;
                color:#ffffff
              }
              ul{
                padding-left:0px;
                margin:0;
              }

}

Answer 1

您是否考虑将其不透明度更改为0并将其指针事件设置为无，而不是尝试将其隐藏在菜单后面？

在视觉上它将具有相同的效果，并且可以通过向两者添加类来使用jQuery触发。该类的CSS代码可以是：

while(){

    x = jdbc_readOperation();

    y = getTokens(x);

    jdbc_insertOperation(y);
}

public List<String> getTokens(String divText){
    List<String> tokenList = new ArrayList<String>();
    Matcher subMatcher = Pattern.compile("\\[[^\\]]*]").matcher(divText);
    while (subMatcher.find()) {
        String token = subMatcher.group();
        tokenList.add(token);
    }
    return tokenList;
}

删除此课程后，他们将返回可见且可点击的状态。这有一个额外的好处，允许它们使用CSS过渡淡入淡出。

安迪

解决移动菜单的小问题

1 个答案: