Extjs window窗口在model下背景颜色由半透明更改为全透明

最新推荐文章于 2018-11-10 15:55:38 发布
原创 最新推荐文章于 2018-11-10 15:55:38 发布 · 2.8k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍如何通过修改ExtJS框架中特定CSS文件来调整遮罩层的透明度，实现从默认效果到最终期望效果的转变。

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，如下图所示：


sxjlinux
关注
[Ext JS 4] 实战之Load Mask(加载遮罩)的显示与隐藏
oscar999的专栏
05-27 2万+
Mask(遮罩)效果，就是在页面还没有完全显示出来之前， 加上一个转装转的效果。 类似： 添加这样的效果有两个好处： 1. 在页面没完全show出来之前， 把后面的页面给遮罩起来， 防止进行一些非法的操作。 2. 如果页面show出来的时间比较长的话， 可以暂时吸引用户的注意力(也就是提高 User Experience). 在Extjs 中， Ext js 的使用方式有多种。 你有可能会发现为什么有的状况下load mask 不出现？ 且听下面一一道来。。。
Ext框架 登录框背景半透明设置背景色。
Ace_with_Yu的博客
04-23 1193
在使用的一个ext框架做的管理系统中，登录界面是使用Ext.window.Window实现，背景是半透明的效果，也可以设置为透明，效果如下现有需求要去掉那个半透明，换个底色或者图片。Ext.window.Window中有maximized这个参数，可以初始化以最大状态显示窗体，然后将header设置为false, 在bodyStyle中设置相对应的CSS属性即可。需要加图片可以在bodyStyle...
解决ext对话框拖动时里头的控件会被蒙上，无法显示问题
lemon11231008的专栏
06-14 719
该效果为ExtJS默认效果。 Ext的window之所以在拖拽的时候里头的控件会被蒙上，是因为window继承了标准的DD，在startDrag和endDrag函数当中加上了Ext.Fx的ghost方法的缘故。Ext.Fx是管理元素的动画效果的，ghost方法的作用是滑动淡出，详细看手册。只要把这两句话改掉就能实现window拖动无蒙板。 在onReady函数前添加以下代码： Ext.over
无废话ExtJs 入门教程三[窗体：Window组件]
weixin_33777877的博客
06-18 136
1.代码如下： 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> ...
Extjs弹出window窗口后背景窗口变灰（即不可编辑）
KAIXINLUOYE的博客
02-28 2661
开发备忘： ExtJS在使用Ext.Msg.alter(),Ext.Msg.confirm()弹出窗口后，背景窗口即变灰，不可编辑。但使用Ext.Window时，默认弹出窗口后，背景窗口仍是可以编辑的这时可以在Ext.Window属性中添加“modal:true ”的配置，即可实现弹出window窗口后背景窗口变得不可编辑。 以下为简单的例子代码： new Ext.Window({
ExtJs desktop 显示无框窗口
LinBSoft的专栏
02-17 9464
在extjs desktop中,有时需要显示一些没有边框的透明windows 就像开机LOGO,播放器等,可以显得桌面更酷,实现这个需要两步配合,一是在桌面显示一个无框,背景透明的windows,二是在windows里面显示内容的图片背景最好不是规则形状的,把边缘外的部分透明,保存为png图片,这样,浏览看到的就是一个不规则形状的LOGO,或者播放器等等。 以下是代码 这个可以放在deskt
extjs grid设置某列背景颜色和字体颜色的方法
10-28
以下就是EXTJS Grid设置某列背景颜色和字体颜色的方法。 1. **设置列背景颜色**： 我们可以通过`renderer`函数来实现这一功能。`renderer`是一个在数据渲染到单元格之前被调用的回调函数，它允许我们对数据显示...
extjs3 window窗口修改完退出提示是否保存
10-15
本话题主要关注如何在EXTJS3的Window组件中实现一个功能：当用户在窗口内修改了数据后，关闭窗口时提示用户是否保存更改。未进行修改的情况下，窗口可以直接关闭，不显示任何提示。 首先，我们需要创建一个基本的...
基于ExtJs在页面上window再调用Window的事件处理方法
12-11
在基于ExtJS开发Web应用程序时，经常会遇到动态创建和管理窗口（Window）的情况。这个问题描述了一个在使用ExtJS的Window组件时遇到的数据加载异常情况，特别是在窗口之间切换时。问题的核心在于，当一个新的Window...
extjs grid设置某列背景颜色和字体颜色的实现方法
12-09
这里直接在列配置中定义了CSS样式，使得该列的所有单元格背景颜色都为红色。 对于改变整行的颜色，我们可以利用EXTJS的`getRowClass`方法。这个方法允许我们在每一行渲染时动态地返回一个CSS类。例如： ```...
关于IE6不能兼容LCUC使用的PNG透明图象
weixin_34160277的博客
12-23 129
可恶的IE6竟然不支持PNG的透明效果，原来一直用FF的没有发现，今天在IE6下浏览，真是一塌糊涂，上网搜索了下IE6不支持PNG的透明效果，狂郁闷啊。从网上找到了两篇解决这个问题的文章，为了避免忘记，在此备注一下。 应用PNG图片的透明或半透明的特性能做出非常漂亮的网页来。Firefox和Opera对PNG的支持非常的好，都是IE却无视PNG图片这一特性的 “存在”，虽然IE7已经支持都是IE...
EXTJS 设置文本框背景色和边框颜色
linyoucheng的专栏
05-21 2142
未加颜色设置前： { fieldLabel: '所属城市 ' name:'regionName', columnWidth: 0.5, } 加入样式设置： {        fieldLabel: '所属城市 ',       fieldStyle:'background-color: #DFE9F6;border-color: #DFE9F6; background-image: no...
ExtJS基础第五讲学习--Extjs窗口组件Window
xiaozhengN的博客
11-10 477
第五讲：窗口组件Window 示例一：显示Window <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/...
Extjs的mask使用
u013482866的专栏
10-08 568
Extjs的mask，可以和ext.ajax.request一起使用。比如 [code="java"]Ext.getBody().mask("Waiting", 'x-mask-loading', false); Ext.Ajax.request({ url:"", ...});[/code] 如果不用ext.ajax.request，而是直接使用javascript的XMLHttpRe...
ext 更改行颜色
zy_crazy_code的博客
07-15 1988
先写好样式  ps 要改背景颜色什么的直接写上去就好 跟普通的css一样 /* 表格字体颜色 */ .x-grid-record-gray-orange{ color: orange; } .x-grid-record-gray-red{ color: red; } grid = new Ext.grid.EditorGridPanel({ region:"center", l
1000个实用透明GIF图标素材，Extjs4设计必备
透明的GIF格式意味着这些图标可以很容易地在各种背景色上使用，而不会产生不协调的边框或颜色冲突。GIF（Graphics Interchange Format）是一种广泛支持的图像格式，尤其适合制作简单的动画及具有透明度的小图标。 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值