更改element-ui dialog 遮罩层的透明度

Posted 2023-05-10

参考技术A 1.dialog组件外部使用一个div包裹

2.更改组件样式(我的vue 项目使用的是less)

3.如果使用的stylus

补充：
在项目中使用了scss

求jquery easyui中使用的遮罩层（高亮层）代码，越简单越好！（要测试成功的！）

之前在网上找了一个，但发现其与easyui（如datagrid等）一起使用后，不起作用（遮罩层在datagrid上面或下面）！
我希望的代码是在生成dialog的同时，后边有遮罩层，并且希望代码独立，与dialog生成分开（其他地方也要用），dialog已可生成，只求独立的遮盖层代码！
希望高手提供源码！多谢！

参考技术A easyui 的 dialog 是继承自 window的，而 window中有modal这样的属性（见参考资料），就是用于打开模态的窗口的，也就是你说的有遮罩层的窗口。所以不需要额外的代码，仅需在dialog中设置这样的属性就可以了。我想这也是兼容性最好的解决方案。
如下：
<div id="dd" title="My Dialog" style="width:400px;height:200px;">
Dialog Content.
</div>
$('#dd').dialog(
modal:true
);

参考资料：http://www.jeasyui.com/documentation/window.php

本回答被提问者采纳 参考技术B http://hi.baidu.com/wzqiajng/blog/item/ed1c01d1f1d9fc2e970a1681.html
里面有