这是一个实验中的功能,用于设置元素上遮罩层的图像. 一.Values none:默认值,透明的黑色图像层,也就是没有遮罩层. <mask-source>:<mask>或CSS图像的url<image>图片作为遮罩层 二.语法: .demo1 { background : url("images/logo.png") no-repeat; -webkit-mask : url("images/mask.png"); } 三.效果图:

这个标题实在是我无奈之下才取出来的,毕竟我文采有限~ 今天我遇到的一个eggpain的问题: 前提:当页面上有两个没有background的div,大小一样,绝对定位在同一个地方(让第二个遮挡住第一个),但是第一个div中有一个img,并且给这个div添加一个click事件 出现的问题:点击第二个,居然触发了第一个div的click事件,在ie10以下(包括ie10)都会出现这个问题(chrome是对的). 解决方法: 给第二个div添加背景,但是背景都有颜色(加transparent也没用),

在IE8浏览器下,发现网页中的视频会遮挡住本来固定在最顶层的DIV.即便使用z-index也无法解决.但是其他浏览器是正常的. 解决的办法很简单,就是在调用flash视频播放器的时候,加上一个参数“opaque”,如代码中的红色部分: <object width="720" height="452" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="htt

在开发微信小程序的时候遇到,输入用户名或者手机号以及地址,手机键盘调起来,会把输入框遮挡. 如图: 以上两张图是自己工作中遇到的,此处不要着急,一个属性帮你搞定. cursor-spacing:指定光标与键盘的距离,单位px或rpx,默认为px.取 input 距离底部的距离和 cursor-spacing 指定的距离的最小值作为光标与键盘的距离 微信小程序开发文档api: https://developers.weixin.qq.com/miniprogram/dev/component/in

在ManiFest清单文件中修改被遮挡的类的EditText android:windowSoftInputMode="adjustPan|stateHidden"

固定Footer Bootstrap框架提供了两种固定导航条的方式: ☑  .navbar-fixed-top:导航条固定在浏览器窗口顶部 ☑  .navbar-fixed-bottom:导航条固定在浏览器窗口底部 使用方法很简单,只需要在制作导航条最外部容器navbar上追加对应的类名即可: 实现原理: 实现原理很简单,就是在navbar-fixed-top和navbar-fixed-bottom使用了position:fixed属性,并且设置navbar-fixed-top的top值为0,而

在AndroidManifest.xml中为对应的activity添加android:windowSoftInputMode="adjustResize" 在AndroidManifest.xml文件中的android:windowSoftInputMode属性使用 The AndroidManifest.xml File <activity android:windowSoftInputMode=["stateUnspecified", "stat

引言   在现在的前端页面中,尤其是移动端,经常会需要将<header>或者是<footer>模块悬浮出来,跟随页面的滑动保持定位在页面的最上方或者是最下方,如下图所示. “回复主题”模块,就是跟随页面的浮动一直悬浮在页面的最下方,代码结构如下. ... <section class='footer'> <div class='reply-topic'>回复主题</div> </section> ... 实现这样的功能当然是利用pos

echarts的图在IE8下会浮在上层遮挡住其他组件,解决方式是页面中引入 <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">

Danmmu Player是基于jQuery的弹幕视频插件.当在看视频的时候,同时发表自己的观点,这样很好的提高用户互动效果.其实也就是在视频界面上做一个滚动展示动画效果,这样的聊天互动视频效果我们叫它弹幕. 在线实例 实例预览 使用方法 <div id="danmup"></div> $("#danmup").DanmuPlayer({ src: "abc.mp4", //视频源 height: "480px&

<?xml version="1.0" encoding="utf-8"?> <!--- - - - - - - - - - - - - - - - - - - - - - - - - * @author:Frost.Yen * @E-mail:871979853@qq.com * @create: 2016-6-1 上午11:37:00 - - - - - - - - - - - - - - - - - - - - - - - - - - --&

在Android的开发中,往往有这种需求,比如一个耗时的操作,联网获取网络图片.内容,数据库耗时读写等等,在此耗时操作过程中,开发者也许不希望用户再进行其他操作(其他操作可能会引起逻辑混乱),而此时需要给用户一个额外的加载页面遮挡住主逻辑代码的运行,待主页面的耗时操作完成后,自动消失这样加载过度页面,恢复出正常应该显示的页面. 举个实际的例子,如代码使用Android WebView打开一个网页链接试图加载某个网站,但网络质量不佳,需要耗时很久,那么在这个过程中,较好的用户体验做法是:给用户一个

最近一直在做45度斜视角游戏,也就是isometric等容地图,俗称2.5D.地图上物体的前后遮挡是我遇到的第一个问题,总结一下处理方法. 遮挡问题(不知道术语),就是比如一个角色站在树后面,那么树要遮挡住角色的一部分,我是用实时修改zorder实现的. 1. 制作地图 用Tiled制作45度地图时,物体如何放在地图上有2种方法: 1.1 标记法:在地图对象层上标记出对象,并且指定该对象的类型.游戏加载地图时,遍历所有的对象,根据其类型,生成不同的精灵:主角.NPC.城墙.建筑等.生成的时候把z

好久没写博客了,最近在学shader,不得不说,shader真的非常美妙,我沉迷其中无法自拔= = 之前做过一个遮挡透明的功能,当物体遮挡住主角时,该物体会变成半透明显示出主角.这次同样是遮挡透明的功能,不过,变透明的刚刚相反,是主角变成半透明,更严谨的说是主角被遮挡的那一部分变成半透明. 先放出结果图: 当被遮挡时,遮挡部分透明处理,那么需要涉及渲染深度的知识.引擎是如何判断哪个物体在前面哪个物体在后面呢? 深度:每个像素有自己的深度值,离摄像机近的深度小,远的深度大 深度缓冲区:存储每个像素

在网上找到了一份斗鱼弹幕服务器第三方接入协议v1.6.2,有了第三方接口,做起来就容易多了. 一.协议分析 斗鱼后台协议头设计如下: 这里的消息长度是我们发送的数据部分的长度和头部的长度之和,两个消息长度是一样.然后要注意的是该协议使用的是小端整数,所以我们要对数据进行处理后再发送,这里可以使用int.to_bytes()将整数转变成小端整数的形式.示例如下: int.to_bytes(12,4,'little')   # b'\x0c\x00\x00\x00' int.to_bytes(12,

使用bootstrap设置顶部导航,并将导航栏固定,代码如下: <nav class="navbar navbar-expand-lg navbar-light bg-light fixed-top"> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo

接上篇 下面开始分析弹幕信息: 当我们在完成和服务器的握手之后,b站的弹幕服务器就会开始不停的开始给我们推送相关房间的弹幕消息了.老规矩前面16个字节是这个包的相关信息,我们先来看下这条消息的前面16字节在说什么. 00 00 01 38 头部四字节表达数据大小这可以看到是312字节. 00 10 这两个字节还是magic_number.这里是16. 00 00 版本号0. 00 00 00 05 上篇我们介绍了07是进入房间信息,这里05代表弹幕消息. 00 00 00 00 包类型正常消息包

最近在使用 Object 时,就是播放视频的 Object 标签遮挡住其他 div 标签,不能正常显示. 出现这种现象的原因: object 标签不在 dom 文档流里面,浏览器在解析的时候先把 object 放置在最上层,然后依次解析dom文档,放在下层,并且在这里使用z-index是无效的. 在被遮挡得 div 中添加 iframe 标签,如下: <div id="demodiv" style="width: 120px; height:120px;DISPLAY:

一.UITextView 可以实现多行输入的文本框,基本属性与UITextField相似,可以输入多行,可以滚动.UITextView还有个代理方式- (BOOL)textView:(UITextView *)textView shouldChangeTextInRange:(NSRange)range replacementText:(NSString *)text 可以控制输入文字的数量,较为常用 #pragma mark UITextView的代理方法 //是否可以开始编辑 - (BOOL

在现在的前端页面中,尤其是移动端,经常会需要将<header>或者是<footer>模块悬浮出来,跟随页面的滑动保持定位在页面的最上方或者是最下方,如下图所示. “回复主题”模块,就是跟随页面的浮动一直悬浮在页面的最下方,代码结构如下. ..<section class='footer'> <div class='reply-topic'>回复主题</div></section>... 实现这样的功能当然是利用position:fix

Danmmu Player是一个具备弹幕功能的Html5视频播放器.我们在观看视频的时候,可以对视频发表自己的观点,当点击发送按钮后,发表的内容会在视频屏幕上以彩弹的形式发出,并做滚动展示动画效果,即视频弹幕功能. 查看演示 下载源码 如何使用 Danmmu Player需要依赖jQuery,因此首先需要加入相关css和js文件. <link rel="stylesheet" href="css/main.css"> <script src=&qu