前端隐藏元素，设置透明 css js jQuery都失效的问题

<div id="layui-icon-id">
                        <i id="layui-icon0" class="layui-icon layui-icon-search" style="font-size:20px;cursor: pointer;" onclick="laicon()"></i>
                        </div>
                        <div class="header_b_input" id="header_input_id">
                            <input type="" name="" placeholder="品质生活 享你所享">
                            <span id="layui-icon1">
                              <i class="layui-icon layui-icon-search" style="font-size:20px" id="layui-icon2"></i>  
                              </span>
                        </div>Copy

#layui-icon-id{
            position: fixed;
            z-index: 1001;
            /*margin-top: px;*/
            right: 180px;
            opacity: 0;
            filter:Alpha(opacity=0);
            width: 20px;
            height: 20px;Copy

$("#layui-icon-id").click(function(){
              alert("22222");
          });Copy