摘要:
做点击图片,全屏播放视频,视频播放后显示领一张图片,做到无缝连接避免黑屏,要注意的是 1视频需要提前load(), 2监听video的playing()事件,当视频开始播放的时候隐藏视频1的封面图 3当视频结束的时候,监听video的ended()事件,令video.pause(),隐藏video所 阅读全文
摘要:
<div></div>div { user-select: none; -webkit-user-select: none; -webkit-tap-highlight-color: transparent; /* 防止ios 出现点击div 出现选中效果*/} 阅读全文
摘要:
<input class="user-input" type="text" value="" placeholder="请输入你的昵称" maxlength="5"> 修改placehoder字体颜色, input::-webkit-input-placeholder { color: #fff;} 阅读全文
摘要:
.arrow { position: absolute; top: 0; left: -25%; width: 157px; height: 42px; background: url(../images/zhizhen.png) no-repeat; transform-origin: 144px 阅读全文
摘要:
没在一行,并且中间有条缝。 原因:两个div之间有空格 解决:给最外层div添加:{font-size:0} 阅读全文
摘要:
让需要自适应的部分设置 div{ position:absolute; left:0; top:0; bottom:0; right:0 } div自动撑开整个屏幕 阅读全文
摘要:
一、先来说说||(逻辑或),从字面上来说,只有前后都是false的时候才返回false,否则返回true。 但是,从深层意义上来说的话,却有另一番天地,试下面代码 显然,我们知道,前面0意味着false,而后面1意味着true,那么上面的结果应该是true,而事实返回的结果是1。再看下面代码: 我们 阅读全文
摘要:
参考网址:http://fontawesome.dashgame.com/ 基本图标: 您可以将Font Awesome图标使用在几乎任何地方,只需要使用CSS前缀 fa ,再加上图标名称。 Font Awesome是为使用内联元素而设计的。我们通常更喜欢使用 <i> ,因为它更简洁。 但实际上使用 阅读全文
摘要:
网上查的答案1: 原因: a元素下有一个匿名文本,这个文本外有一个匿名行级盒子,它有的默认vertical-align是baseline的,而且往往因为上文line-height的影响,使它有个line-height,从而使其有了高度,因为baseline对齐的原因,这个匿名盒子就会下沉,往下撑开一 阅读全文