变更Ext Window 当modal:true时的灰色背景

最新推荐文章于 2021-08-26 14:10:08 发布
原创 最新推荐文章于 2021-08-26 14:10:08 发布 · 226 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#EXT #Firefox

本文介绍了一种通过修改CSS代码来调整网页遮罩层背景颜色及透明度的方法，特别适用于去除灰色背景的需求。

查了下源代码，发现这样可以实现 。

修改相关样式定义:
.ext-el-mask{z-index:20000;position:absolute;top:0;left:0;-moz-opacity:0.5;opacity:.50;filter:alpha(opacity=50);background-color:#CCC;width:100%;height:100%;zoom:1;}

把 filter:alpha(opacity=50); 修改为0，就没有灰色背景啦
前面一个定义 opacity:.50 是针对 firefox的兼容性设置

 

 

 

设置成背景成白色。

详解dialog中的modal:true
spade_Kwo的博客
12-15 852
可以这样理解，如果你把某个窗体设为模式窗体，那么你要想对其它窗体进行任何操作之前，必须先关闭该窗体。模式窗体强迫用户输入数据，不能切换到其他界面，很多地方会用到，比如在浏览器里点文件——打开，还有打印对话框也是模式窗体。2、非模式的——可以切换到其他窗体，vbModal=1，可选的。如果 style 为 1，则窗体是模式的。窗体分为模式的和非模式的，只有模式和非模式两种,简单点说,当你以模式方式打开一个窗口,你只能在将其关闭以后才能操作另外的窗口.但非模式窗口显示时,你可以同时操作这两个窗口.
modal:true的含义
大鱼的博客
11-12 4822
查EasyUI的API没有专门讲解过modal的含义的，虽然有几处用到了这个，但压根不知道这是什么意思，只是陪衬作用出现的  modal的英文意思是 似乎跟情态动词没什么关系   既然找不到相关的想法，只能自己尝试一下看看弹出的窗口有什么效果 （1）没有加modal:true  （2）加了modal:true （3）加了modal:false  窗口没区别。。。。。那...
Extjs弹出window窗口后背景窗口变灰（即不可编辑）
KAIXINLUOYE的博客
02-28 2660
开发备忘： ExtJS在使用Ext.Msg.alter(),Ext.Msg.confirm()弹出窗口后，背景窗口即变灰，不可编辑。但使用Ext.Window时，默认弹出窗口后，背景窗口仍是可以编辑的这时可以在Ext.Window属性中添加“modal:true ”的配置，即可实现弹出window窗口后背景窗口变得不可编辑。 以下为简单的例子代码： new Ext.Window({
var addPicWin = Ext.create('Ext.window.Window', { title: '登录背景导入', layout: 'fit', width: 650, height: 455, modal: true, closeAction: 'hide', items: [addPicPanel], listeners: { show: function () { Ext.getCmp("picUpload").getEl().dom.src = ''; } } });我应该如何这段修改代码，使得页面显示一个空白的占位符图片
06-07
modal: true, closeAction: 'hide', items: [addPicPanel], listeners: { show: function () { Ext.getCmp("picUpload").getEl().dom.src = ''; } } }); ``` 在这里，我使用了一个 `...
Easy-Ext深入解析：Ext.Window配置与实战
`modal`属性用于设定窗口是否为模态，设为true即为模态窗口；`plain`属性控制窗口背景透明与否，默认为非透明；`x`和`y`用于设置窗口左上角的坐标位置；`onEsc`函数可自定义Esc键的行为，默认关闭窗口；`closeAction...
ExtTree应用实例：点击事件引发界面弹出
modal: true, buttons: [{ text: '确定', handler: function() { this.up('window').close(); } }] }).show(); ``` 通过上述示例代码，我们可以创建一个显示节点详细信息的模态对话框。当用户点击树节点后，...
Extjs window窗口在model下背景颜色由半透明更改为全透明
sxj的专栏
02-16 2805
1、默认效果图为： 2、最终效果图为： 3、更改只需要在resources\ext-theme-classic目录下的ext-theme-classic-all-debug.css文件中，找到.x-mask，如下图所示： 4、只需要将Opacity=50改为0，opacity:0.5改为：opacity:0.0，如下图所示：
bootstrap中的模态框（modal，弹出层）
热门推荐
开发笔记
08-16 12万+
bootstrap中的模态框（modal），不同于Tooltips，模态框以弹出对话框的形式出现，具有最小和最实用的功能集。务必将模态框的 HTML 代码放在文档的最高层级内（也就是说，尽量作为 body 标签的直接子元素），以避免其他组件影响模态框的展现或功能。
Bootstrap插件（一）——模态框（modal.js）
Andy_lau
09-07 1万+
前言：这一片文章我们将对bootstrap的modal模态框进行学习，学习他是如何绑定到一个按钮上去点击显示，学习模态框的简单数据配置，学习模态框的使用方式，事件，方法、参数等；下面是modal的内容总结。 目录：          1.模态框的大小以及动画效果禁用     2.通过button传递内容给绑定的modal     3.模态框的调
Modal：对话框的选项，方法与事件
weixin_43706224的博客
05-24 410
extjs4 多个模态 modal 窗口在IE8下第二个模态窗口及 Ext.MessageBox被modal窗口被遮盖的解决方法
GoldTiger的专栏
01-31 1449
var ZC_Message_Error = function (msg, fn) {     Ext.defer(function () {         Ext.Msg.show({             title: '众诚软件提示',             msg: msg,             buttons: Ext.MessageBox.OK,
Primeng 9 DialogModule 开启[modal]=“true“属性后 主体变透明 解决方案
Damien_J_Scott的博客
08-26 462
解决方案 scss中添加 :host ::ng-deep { .ui-dialog-wrapper { opacity: 1; } }
如何让Extjs弹出window窗口后背景窗口变灰（即不可编辑）
security08的专栏
10-28 1万+
ExtJS在使用Ext.Msg.alter(),Ext.Msg.confirm()弹出窗口后，背景窗口即变灰，不可编辑。但使用Ext.Window时，默认弹出窗口后，背景窗口仍是可以编辑的这时可以在Ext.Window属性中添加“modal:true”的配置，即可实现弹出window窗口后背景窗口变得不可编辑。以下为简单的例子代码： new Ext.Window({
easyUI 对话框的关闭事件
weixin_33947521的博客
01-04 396
有一个easyUI的dialog：<div id="dlg_Add" class="easyui-dialog" style=" width:540px; " data-options=" iconCls:'icon-allShow', buttons: '#dlg-buttons_Add', modal:true, border:true, shadow:f...
Ext弹出窗口
Donny的专栏
12-26 634
Ext.MessageBox.alert() Ext.MessageBox.alert()提供一个OK按钮。对应JavaScript中的alert()。 定义：alert(Stringtitle,Stringmsg,[Function fn], [Object scope]) :Ext.MessageBox 该函数有4个参数： Title:窗口标题 Msg:弹出窗口内容 Fn:回调函...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值