摘要: 有时候你会发现你写的animation动画的css3效果,在IE、谷歌、火狐等主流的新版本的浏览器的是没有什么兼容问题的,即便你不写前缀,也是可以显示动画效果的。然后,你本地在360浏览器或猎豹浏览器下(我只试了这两个)打开,动画效果是不出来的,一开始你会想到是前缀问题,那么我把前缀加上,好像有时可 阅读全文
posted @ 2015-12-01 10:46 异地大光码 阅读(1208) 评论(0) 推荐(0) 编辑
摘要: 大概整理下css中的垂直居中问题 主要分两大类 1 知道块元素尺寸,一般就是指知道元素高度。 方法一:最简单的,类比水平居中。 思路:子元素设置为absolute; top bottom都设置为0 ; margin:auto;这样就行啦; <div class="lev1">我是第一层 <div c 阅读全文
posted @ 2015-12-01 10:31 异地大光码 阅读(149) 评论(0) 推荐(0) 编辑
摘要: -webkit-filter是css3的一个属性,Webkit率先支持了这几个功能,感觉效果很不错。一起学习一下filter这个属性吧。 现在规范中支持的效果有: grayscale 灰度 值为0-1之间的小数 sepia 褐色 值为0-1之间的小数 saturate 饱和度 值为num hue-r 阅读全文
posted @ 2015-12-01 10:15 异地大光码 阅读(138) 评论(0) 推荐(0) 编辑
摘要: 1、在手机端如果1px线条仍然显示过粗,可以使用css新属性border-image边框图像来解决 例:border-image: url(../img/line-img1.png) 2 0 round; 关于border-image熟悉的介绍:http://www.w3cplus.com/cont 阅读全文
posted @ 2015-12-01 10:11 异地大光码 阅读(162) 评论(0) 推荐(0) 编辑
摘要: 项目中经常有遇到需求半透明的情况,如图片、文字、容器、背景等等,每次都要去翻以前的项目,不甚其烦。现在一次性做个小结,方便自己查阅,也同时分享给大家: 一、 元素容器透明 .div{ opacity: 0.5; /* Firefox、Chorme、Opera等主流浏览器识别 */ filter:al 阅读全文
posted @ 2015-12-01 09:49 异地大光码 阅读(189) 评论(0) 推荐(0) 编辑
摘要: 在jQuery中,事件代理是指:把事件绑定到父级元素,然后等待事件通过DOM冒泡到该元素时再执行。 在事件侦听过程中有两种触发事件的方式:事件捕获和事件冒泡。事件冒泡更快,效率更高。 事件捕获:事件在DOM中向后代元素下沉。 事件冒泡:事件从发生事件的源元素通过DOM向上冒泡。 jQuery使用事件 阅读全文
posted @ 2015-11-30 10:19 异地大光码 阅读(276) 评论(0) 推荐(0) 编辑
摘要: 做移动端页面时,设计稿中的切片图片往往是实际的2倍,此处记录图片正常显示大小的技巧。 当图片是单张的话,可以对容器设计实际大小,然后设置background-image,为了让图片缩小一倍,可以设置background-size:contain; 如:图片尺寸是20*20,但是在移动端页面显示的则是 阅读全文
posted @ 2015-11-30 09:29 异地大光码 阅读(183) 评论(0) 推荐(0) 编辑
摘要: 在IE7下,是不支持inline-block元素的,当对块级元素如dl进行inline-block样式设置时,在IE7浏览器是下样式是不会生效的。 若要在IE7下实现将块级元素设置为内联元素,可以这样进行设置: *display:inline; *zoom:1; //获取布局 在这样设置之后,就能继 阅读全文
posted @ 2015-11-30 09:20 异地大光码 阅读(178) 评论(0) 推荐(0) 编辑
摘要: 对于有较多的图片的网页,使用图片延迟加载,能有效的提高页面加载速度。这里用的插件Lazy Load 这里提供教程网站:http://code.ciaoca.com/jquery/lazyload/ 这里只需要引入 jquery-1.11.1.min.js和jquery.lazyload.min.js 阅读全文
posted @ 2015-11-19 14:15 异地大光码 阅读(147) 评论(0) 推荐(0) 编辑