css
关注
分享
扫一扫
江流川
这个作者很懒，什么都没留下…
展开
-
设置一个始终显示在浏览器中间位置的加载效果
要求：当用户点击提交之后，显示加载效果，此时用户将不能对页面作任何处理，只能等待。难点：当浏览器有滚动条时，依然能够保持整个覆盖、中央显示。处理代码：css:.loadingDiv { position: fixed; z-index: 9999; width: 100%; height: 100%; left: 0; top: 0;}.loadingDiv &...原创 2018-03-08 17:27:43 · 1750 阅读 · 0 评论 -
HTML5和CSS3实现3D转换效果 CSS3的3D效果
上次，我们一起研究了css3的2d模块，这次我们一起来看一下css3的3d模块。 首先，我们来了解一下3d的坐标系，x轴在屏幕上为水平方向，y轴为垂直方向，而z轴为垂直于屏幕的方向。 不理解的话可以参考定位属性的z-index属性，那个在某种意义上就是让元素在z轴的移动。 在2d转换模块中我们研究了rotateX()和rotateY()方法，就是绕x轴和y轴旋转，这其原创 2018-03-16 10:55:45 · 1078 阅读 · 0 评论 -
背景图片填满整个Div
.itemDiv { background-size: 100% 100%; background-repeat: no-repeat; background-image: url(../../images/Tickets_background.png);}原创 2018-03-16 11:33:31 · 20784 阅读 · 0 评论 -
HTML5触摸事件(touchstart、touchmove和touchend)
HTML5中新添加了很多事件，但是由于他们的兼容问题不是很理想，应用实战性不是太强，所以在这里基本省略，咱们只分享应用广泛兼容不错的事件，日后随着兼容情况提升以后再陆续添加分享。今天为大家介绍的事件主要是触摸事件：touchstart、touchmove和touchend。 一开始触摸事件touchstart、touchmove和touchend是iOS版Safari浏览器为了向开发人员转载 2018-03-13 10:36:52 · 297 阅读 · 0 评论 -
css3 box-shadow阴影简单使用案例
基础说明： 外阴影：box-shadow: X轴 Y轴 Rpx color; 属性说明（顺序依次对应）： 阴影的X轴(可以使用负值) 阴影的Y轴(可以使用负值) 阴影模糊值（大小） 阴影的颜色 内阴影：box-shadow: X轴 Y轴 Rpx color inset; 默认是外阴影 内阴影：inse原创 2018-03-13 18:29:22 · 592 阅读 · 0 评论 -
解决移动端position:fixed随软键盘移动的问题
为了让确认按钮固定在屏幕下方，所以按钮框添加样式：{position:fixed;bottom:0}可是在输入的时候，样式会有问题：下方按钮跟随软键盘上移了！这还好手机本身调试不小，不然很有可能连输入框都被挤到上边看不见了。所以必须对按钮进行控制。两个方案：1、当输入框获得焦点时，重新修改按钮样式：{position,'static'}，当输入框获得焦点时，样式恢复。2、与上思路相同，只不过修改的...原创 2018-04-28 10:37:10 · 11318 阅读 · 1 评论 -
span设置宽度有效无效问题
缺省情况下span的宽度设定无效在html中如何设定span的宽度？这看上去是个很简单的问题，似乎用style中的width属性就可以。例如，<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">...转载 2018-05-28 14:40:22 · 3064 阅读 · 0 评论 -
div标签消除浮动
（1）<div id="id1" style="width:300px;border:1px solid black"> <div id="id2" style="width:100px;height:20px;float:left;border:1px solid red">第一个div</div> <div id转载 2018-07-11 16:32:54 · 960 阅读 · 0 评论