需启用drag: true并手动绑定mousedown/mouseup事件控制opacity，通过layui-layer-dragging类实现拖动半透明、松手恢复，配合CSS设置transition和内容区不透明。
实现Layui弹出层拖动过程中半透明、松手后立即恢复原样，需绕过layer内置拖拽样式逻辑，手动监听mousedown/mouseup事件控制opacity，并确保drag: true启用拖拽状态——否则鼠标按下时连拖拽都不会触发。
启用拖拽并绑定透明度切换事件
第一步：调用layer.open时必须显式设置drag: true，这是触发拖拽流程的底层开关；漏掉它，后续所有事件监听都无效。
第二步：在success回调中获取弹窗容器layero，对其绑定mousedown和mouseup事件：【注意：必须在success里操作，否则layero尚未插入DOM，事件绑定失败】
第三步：mousedown时给layero添加临时class（如layui-layer-dragging），并在CSS中定义该class的opacity: 0.7；mouseup时立刻移除该class。
第四步：为防止拖拽过程中文字被选中干扰体验，在CSS中加一句.layui-layer-dragging { -webkit-user-select: none; user-select: none; }。
配套CSS样式写法
在页面style标签或外部CSS中加入以下规则：
.layui-layer-dragging { opacity: 0.7 !important; transition: opacity 0.15s ease-out; }
这一步不能省——transition让半透明变化有缓出效果，避免突兀闪烁；!important确保覆盖layer默认opacity内联样式。
.layui-layer-dragging .layui-layer-content, .layui-layer-dragging .layui-layer-title { opacity: 1 !important; }
否则内容区文字也会变淡，可读性崩坏。
完整代码示例
layer.open({
type: 1,
content: '
area: ['300px', '200px'],
drag: true,
success: function(layero, index) {
layero.on('mousedown', function() {
layero.addClass('layui-layer-dragging');
});
layero.on('mouseup', function() {
layero.removeClass('layui-layer-dragging');
});
}
});
