# 带遮罩层 ## 6.1.4.带遮罩层 遮罩层是分离式的绑定，通过data-dropdown绑定： ~~~ <button class="layui-btn layui-btn-normal icon-btn" data-dropdown="#dropdown1"> 带遮罩层 <i class="layui-icon layui-icon-drop"></i> </button> <!-- 下拉菜单 --> <ul class="dropdown-menu-nav dropdown-bottom-right layui-hide" id="dropdown1"> <div class="dropdown-anchor"></div> <li class="title">HEADER</li> <li><a><i class="layui-icon layui-icon-star-fill"></i>1st menu item</a></li> <li class="disabled"><a><i class="layui-icon layui-icon-template-1"></i>2nd menu item</a></li> <hr> <li class="title">HEADER</li> <li><a><i class="layui-icon layui-icon-set-fill"></i>3rd menu item</a></li> </ul> ~~~