文章分类 - Html5+CSS3
摘要:/*彈窗*/ .Dialog-bg{ background-color: #000; height: 100%; left: 0; opacity: 0.5; position: fixed; top: 0; width: 100%; z-index: 200; } .Dialog{ background: #f3f6f...
阅读全文
摘要:首先要有个容器,并设置display:flex;display:-webkit-flex;该容器有以下六个属性: 项目的属性: 1.flex-direction 2.flex-wrap 3.flex-flow,是flex-direction和flex-wrap的简写形式。 4.justify-con
阅读全文
摘要:Document 我来测试一下这个文字截断是不是真的有效果
阅读全文
摘要:源码下载 http://files.cnblogs.com/files/shimily/jquery-pretty-radio-checkbox.rar
阅读全文
摘要:通过给最外层添加绝对定位和translate(-50%,-50%) scale(ratio)来实现居中且适度缩放。
阅读全文
摘要:-″减号是IE6专有的hack “\9″ IE6/IE7/IE8/IE9/IE10都生效 “\0″ IE8/IE9/IE10都生效,是IE8/9/10的hack “\9\0″ 只对IE9/IE10生效,是IE9/10的hack
阅读全文
摘要:为了在移动端实现0.5像素的实线,以下是个人实践结果 1.通过background-image的渐变效果linear-gradient实现: 效果图: 2.通过border-image的边框背景图实现 效果图: 0.5像素下边框
阅读全文
摘要:新版本简介 新版本的Flexbox模型是2012年9月提出的工作草案,这个草案是由W3C 推出的最新语法。这个版本立志于指定标准,让新式的浏览器全面兼容,在未来浏览器的更新换代中实现统一。 这里我们还是继续上一篇博客中的例子,使用最新版本的flex布局来实现相同的效果。 html代码: 基础的css
阅读全文
摘要:从jQuery API 文档中可以知道,jQuery自定义动画的函数.animate( properties [, duration] [, easing] [, complete] )有四个参数: properties:一组包含作为动画属性和终值的样式属性和及其值的集合 duration(可选):
阅读全文
摘要:方法一: 此方法,一定要在服务器环境下访问,才会生效。 http://files.cnblogs.com/files/shimily/less.js http://files.cnblogs.com/files/shimily/less.min.js 方法二: 在线编辑器进行less转换成css h
阅读全文
摘要:http://blog.koalite.com/bbg/
阅读全文
摘要:在国内很多人叫css精灵,是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去,这样一来,当访问该页面时,载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。对于当前网络流行的速度而言,不高于200KB的单张图片的所需载入时间基本是差不多的,所以无需顾忌这个问题。
阅读全文
摘要:http://my.oschina.net/tearlight/blog/351244 第一、获取影片总时长 对播放器(video)操作,首先要得到的是影片的一些信息,其中一个就是总时长,除了内容以为,总时长也是第一时间要显示的。在对video进行操作的的前先给video标签添加一个ID,这样方便我
阅读全文
摘要:<video src="media/v.mp4" id="video" poster="images/video.jpg" preload width="100%" controls webkit-playsinline></video> 这样可以禁止视频在ios设备中自动全屏播放。
阅读全文
摘要:.up{position:absolute;left:0;right:0;bottom:10px;width:56px;height:62px;margin:auto;display:none;z-index:1000} .ups{width:56px;height:62px;background:url(../images/up.png) no-repeat;background-size...
阅读全文
摘要:css3在不同型号手机浏览器上的兼容: 对于webkit内核的浏览器, 除media、text-shadow外,使用其它属性基本上要加上webkit前缀. gradient在低版本的系统中渲染效果不丰富 ios3.2~4.3不支持position:fixed,不推荐使用 android2.1~2.3
阅读全文
摘要: 目前,对 HTML5 和 CSS3 支持最好的是 Chrome 和 Safari , Firefox 和 Opera 次之,IE9 开始拥抱标准。 一、CSS3 属性 从表中可以看出,除了 Overflow Scrolling 还没有浏览器支持之外,其它属性在 Windows 平台,Chrome
阅读全文
摘要:body{background: #fafafa; color: #626262;-webkit-font-smoothing: antialiased; font-smoothing: antialiased; }div,img{-webkit-outline:1px solid transpar...
阅读全文
摘要:屏幕旋转的事件和样式1.事件 window.orientation,取值:正负90表示横屏模式、0和180表现为竖屏模式; window.onorientationchange = function(){ switch(window.orientation){ case -90: ...
阅读全文
摘要:移动端web开发技巧热度 25已有 1439 次阅读2015-11-13 15:53 |系统分类:HTML/CSSMETA相关1. 添加到主屏后的标题(IOS)2. 启用 WebApp 全屏模式(IOS)3. 百度禁止转码通过百度手机打开网页时,百度可能会对你的网页进行转码,往你页面贴上它的广告,非...
阅读全文