Ext框架 登录框背景半透明设置背景色。

最新推荐文章于 2020-01-04 22:00:11 发布
原创 最新推荐文章于 2020-01-04 22:00:11 发布 · 1.1k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#Js #Ext

本文介绍如何使用 Ext.window.Window 实现登录界面，并调整其透明度及背景，包括使用 CSS 设置背景图片的方法。

在使用的一个ext框架做的管理系统中，登录界面是使用Ext.window.Window实现，背景是半透明的效果，也可以设置为透明，

效果如下


现有需求要去掉那个半透明，换个底色或者图片。

Ext.window.Window中有maximized这个参数，可以初始化以最大状态显示窗体，然后将header设置为false, 在bodyStyle中设置相对应的CSS属性即可。需要加图片可以在bodyStyle的css中使用background-image



PYTHON+QT5用标签类搭建游戏开发框架
mr_LuoWei2009的专栏
07-22 405
PYTHON QT5 游戏开发框架
extjs加水印
10-10
系统的安全问题必备，现在很多系统查询后可以直接拍照流传，拍照可以防止流转
Extjs window窗口在model下背景颜色由半透明更改为全透明
sxj的专栏
02-16 2810
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，如下图所示：
Ext grid 改变行背景色
Ellie
05-29 2281
有时候我们会要求改变grid的某一行背景颜色，根绝特定的条件，这时候可以用viewConfig这个方法。 Ext.util.CSS.createStyleSheet('.ts {background:#9a9a9bc2;}');//单独创建css样式 { xtype: 'gridbase', region: 'n...
如何给Ext.panel增加一个背景图片
06-22
如何给Ext.panel增加一个背景图片
Ext form 背景透明
kakarot_java的博客
10-13 262
frame : false, border:false, bodyStyle : 'background-color: transparent;',
ExtJs4.1:设置panel的背景图片
Reid的专栏
08-06 5941
转自：http://blog.csdn.net/bq_cui/article/details/8544821
unigui 如何设置控件不遮挡背景
07-05
如果背景是图片，我们可以将窗体的背景设置为图片，然后上面的控件设置为透明即可。 注意：如果窗体背景是一张图片，那么设置窗体的背景图片可以通过窗体的ClientEvents的ExtEvents来设置，例如： function ...
unigui unimdbgrid 设置透明
最新发布
07-06
如果用户希望设置整个网格的透明度（不仅仅是背景色，还包括文字等），可以使用opacity属性，但这样会使得整个元素（包括内容）半透明。而如果只是背景透明，则使用background-color: rgba(0,0,0,0)或transparent。...
unigui TUnimDBGrid设置透明
07-05
网格透明后需确保父容器（如 `TUnimPanel`）已设置背景色或背景图片，否则透明效果不可见。 2. **版本兼容性**： 不同 UniGUI 版本（如 1.90+）可能需要调整 CSS 选择器，建议通过浏览器开发者工具（F12）检查...
1000个Ext常用小图标（PNG格式）下载
同时具备良好的透明背景支持（PNG格式特性），便于嵌入不同背景色的界面中而不产生违和感。此外，“PNG”格式的选择至关重要，相比ICO或GIF，PNG支持无损压缩、Alpha通道透明度（即半透明效果），能更真实地呈现图标...
Extjs改变表格的颜色
05-05
Extjs改变表格的颜色Extjs改变表格的颜色Extjs改变表格的颜色Extjs改变表格的颜色Extjs改变表格的颜色Extjs改变表格的颜色Extjs改变表格的颜色Extjs改变表格的颜色Extjs改变表格的颜色Extjs改变表格的颜色
ExtJS4.1.1 设置表格背景颜色 修改文本颜色 在表格中插入图片
weixin_33935777的博客
08-22 199
2019独角兽企业重金招聘Python工程师标准>>> ...
关于IE6不能兼容LCUC使用的PNG透明图象
weixin_34160277的博客
12-23 129
可恶的IE6竟然不支持PNG的透明效果，原来一直用FF的没有发现，今天在IE6下浏览，真是一塌糊涂，上网搜索了下IE6不支持PNG的透明效果，狂郁闷啊。从网上找到了两篇解决这个问题的文章，为了避免忘记，在此备注一下。 应用PNG图片的透明或半透明的特性能做出非常漂亮的网页来。Firefox和Opera对PNG的支持非常的好，都是IE却无视PNG图片这一特性的 “存在”，虽然IE7已经支持都是IE...
设置控件透明度的3种方法
WesleyLee1986的博客
10-15 2400
需求 有时会需要改变布局颜色透明度，比如设置控件（如View,Button等）的透明度，有3种方法。 实现方法 java代码实现 text = (TextView) findViewById(R.id.text); text.getBackground().setAlpha(12); 若TextView未设置背景色，可以直接使用text.setAlpha(12)方式设置其透明度 se...
ext动画效果-备查
LinBSoft的专栏
02-26 2195
fadeIn( [Object options] ) : Ext.Element 渐显 options参数有以下属性 callback:Function 完成后的回叫方法 scope:Object 目标 easing:String 行为方法 默认值是:easeOut,可选值在ext_base中找到,但没有说明,以下内容从yahoo ui中找到的 easeNone:匀速 easeIn:开始
ExtJs2.0学习系列(3)--Ext.Window
cw2008的专栏
10-05 631
 前面介绍了panel组件--ExtJs2.0学习系列(2)--Ext.Panel，今天将介绍window组件，它继承自panel。先介绍个最简单例子//html代码div id="win" class="x-hidden">        /div>//js代码var w=new Ext.Window({           contentEl:"win",//主体显示的html元素，也
项目中应用到的框架和技术之二——ol3-ext
weixin_30526593的博客
03-21 256
ol3-ext有很多很丰富的效果，可以不用重复造轮子，ol3-ext示例大全：http://viglino.github.io/ol3-ext/ 在本次项目中使用到了ol3-ext的两个功能：图层管理器和辅助工具栏 1.图层管理器 实现的功能有： 1）设置图层显示与隐藏 2）设置图层组显示与隐藏 3）设置图层透明度 4）设置图层顺序 5）当前比例尺不显示的图层灰色显示...
使用openlayers扩展插件ol-ext设置地图指定区域高亮
奔跑的痕迹的博客
01-04 5558
最近要实现一个从底图向上发光的功能，着实纠结了好久，起初像是使用polygon 颜色透明度来实现，但毕竟底图不亮，增加图层效果不理想呀 一、ui设计是这样 二、使用polygon着色效果是这样 import {styleSwitch} from '@/components/common/set_style'; mapInit(){ this.map...
Ext框架：强大的JavaScript开源前端框架
Ext框架是一种功能强大且广泛应用的JavaScript开源框架，主要用于构建高度交互性的Web应用程序。该框架最初由Jack Slocum于2007年创建，后发展为Sencha公司旗下的核心产品之一，被广泛应用于企业级前端开发中。Ext...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值