摘要：
实现该方法有很多种,我来介绍一下几种比较常见的实现效果: 第一种方案(利用固定定位的方式显示效果): 第二种方案(左侧菜单栏浮动,右侧自适应): 第三种方案(左右浮动实现效果): 在这三种方案中比较常见的是第一种,主要应用于后台管理的整体框架,是我比较喜欢的一种解决方案效果 阅读全文
摘要：
1.iphone safari iso系统不兼容：hover的解决办法： 方法一： a:hover设置的样式在IOS系统的浏览器内显示不出来，看来是IOS系统的移动设备中，需要在按钮元素或者是body/html上绑定一个touchstart事件，才能激活：active状态。 代码如下： 或者给bod 阅读全文
摘要：
问题:在火狐、谷歌都可以正常显示出来，在别人的IE浏览器上也可以正常显示出来，但是在自己的ie浏览器就完全不能加载的熬样式了 控制台报告 SEC7113: CSS 因 Mime 类型不匹配而被忽略 答：进入注册表编辑器，查看HKEY_CLASSES_ROOT\.css里面的Content Type 阅读全文
摘要：
1 $(window).scroll(function () { 2 var $nav = $(".floatingMenu ul li"), 3 length = $nav.length-1,//获取导航菜单 ul li 的个数 4 item = new Array(),//新建一个数组 5 ... 阅读全文
摘要：
js展示: html效果: 主要css效果: 阅读全文
摘要：
一.重置的理由 当今流行的浏览器中,有些都是以自己的方式去理解css规范,这就会到只有的浏览器对css的解释与设计师的css定义初衷相冲突,使得网页的样子在某些浏览器下能正确按照设计师的想法显示.,但是有些浏览器却没有按照设计师想要的样子显示出来,这就导致浏览器的兼容性问题 所以,通过重置butto 阅读全文
摘要：
半弧显示的基本效果: dom结构: css代码: 1 .clock{ 2 height:120px; 3 width:120px; 4 position:relative; 5 overflow:hidden; 6 margin:20px auto; 7 } 8 .clock .rotate{ 9 阅读全文
摘要：
第一个、简单的实现页面的对话框的样式 css代码如下: <style> *{ padding:0; margin:0; } .receiveMessage{ border-radius:4px; background:#fffdfb; padding:50px 15px; width:950px; 阅读全文
摘要：
以下几个是比较常用的meta的相关信息: 移动前端开发中添加一些webkit专属的HTML5头部标签,帮助浏览器更好解析html代码,更好地将移动web前端页面表现出来. 注明出处格式：前端开发博客 (http://caibaojian.com/mobile-meta.html) 注释: 1.移动端 阅读全文
摘要：
1).单选按钮最终显示的效果: 2).上传按钮最终显示的效果是: 3).这是一段纯css清楚浮动: 4).bootstrap中清除浮动: 5).css中伪类和伪元素的区别: a.伪类:用于向某些选择器添加特殊的效果(可以用来指定一个或者多个语气相关的选择符的状态) b.伪元素:用于将特殊的效果添加到 阅读全文