2013年8月19日
消失的绝对定位
摘要： 原因：相对定位（或绝对定位）里的绝对定位挨着浮动元素的时候，而且浮动元素宽度之和等于父元素，绝对定位的元素消失。解决：添加空标签。问题再现：一般情况下，添加空标签能解决这个问题了。可能因为写的是通用步骤条，当只有2步骤的时候，添加空标签也无效！！！IE6下问题还是存在。解决：在不影响视觉的情况下，IE6平均的减少宽度，这样浮动元素的宽度之和就小于父元素。看不出什么区别。改天附图，再详细讲解！ 阅读全文
posted @ 2013-08-19 19:32 caijf 阅读(238) 评论(0) 推荐(0) 编辑
2013年4月7日
用a标签模拟按钮，在IE下的active伪类问题（使用图片作为背景）
摘要： 案例：通过a标签模拟按钮，为了让按钮能自动适应文字大小的宽度，通常这样：<a href="javascript:void(0)" class="btn btn-1"><span>按钮</span></a>按钮截图： 1 /* 设置样式 */ 2 3 .btn, .btn span{ display:inline-block; background:url(ico-btn-sprite.png) no-repeat;} 4 .btn{ padding-left:10px;} 5 .btn span{ padd 阅读全文
posted @ 2013-04-07 09:26 caijf 阅读(679) 评论(0) 推荐(0) 编辑
2013年4月6日
表单验证设计的用户体验基本原则
摘要： 转自：http://www.oschina.net/translate/ux-form-validation?from=20130331英文原文：The Ultimate UX Design of Form Validation参与翻译(6人)：缪斯的情人,jimmyjmh,AlfredCheung,throwable,-V-,乱了感觉引言几年前当我第一次看到Twitter的表单验证时很惊讶. 对用户界面呆板厌烦的你应该知道我在说什么. 当时我几乎兴奋的要跳起来.Twitter精心设计的分离式表单验证相当引人注意.当我输入错误时右侧弹出错误提示信息, 立即就能让我消除错误."在线验证 阅读全文
posted @ 2013-04-06 22:16 caijf 阅读(585) 评论(0) 推荐(0) 编辑
2013年3月12日
img.onload事件和img.complete属性的简介和应用
摘要： img.onload是当一张图片被加载完成后所触发的事件实现图片显示功能；<div><img id="img"/></div>js部分：img.src="图片";img.onload=showImg；function showImg(){ 代码部分。。。。}对于 complete 属性来讲，IE是根据图片是否显示过来判断，就是说当加载的图片显示出来后，complete 属性的值才为 true ，否则一直是 false ，和以前是否加载过该张图片没有关系，即和缓存没有关系！这里要注意，显示与否和img.style.dis 阅读全文
posted @ 2013-03-12 19:28 caijf 阅读(1681) 评论(0) 推荐(0) 编辑
2013年3月1日
WEBAPP开发技巧总结
摘要： 自Iphone和Android这两个牛逼的手机操作系统发布以来，在互联网界从此就多了一个新的名词-WebApp(意为基于WEB形式的应用程序，运行在高端的移动终端设备)。开发者们都知道在高端智能手机系统中有两种应用程序：一种是基于本地（操作系统）运行的APP；一种是基于高端机的浏览器运行的WebApp，本文将主要讲解后者。WebApp与NativeApp有何区别呢？NativeApp：1、开发成本非常大。一般使用的开发语言为JAVA、C++、Objective-C。2、更新体验较差、同时也比较麻烦每一次发布新的版本，都需要做版本打包，且需要用户手动更新（有些应用程序即使不需要用户手动更新，但是 阅读全文
posted @ 2013-03-01 15:43 caijf 阅读(168) 评论(1) 推荐(0) 编辑
2013年2月27日
jquery $.fn $.fx是什么意思
摘要： $.fn是指jquery的命名空间，加上fn上的方法及属性，会对jquery实例每一个有效。如扩展$.fn.abc()那么你可以这样子：$("#div").abc();通常使用extend方法扩展，详细请看API.$.fx是指jquery的特效。如果使用显示、滑动、淡入淡出、动画等。$.fx.off可以关闭动画，其实是直接显示结果。jquery的extend和fn.extendjQuery为开发插件提拱了两个方法，分别是：jQuery.fn.extend(object);jQuery.extend(object);jQuery.extend(object); 为扩展jQue 阅读全文
posted @ 2013-02-27 10:53 caijf 阅读(148) 评论(0) 推荐(0) 编辑
2013年1月5日
制作EDM电子邮件页面小结
摘要： 转自：http://my.oschina.net/lianyi/blog?disp=2&p=2 EDM 是 Email Direct Marketing 的缩写，即电子邮件营销，简称为邮件营销。是利用电子邮件（Email）与受众客户进行商业交流的一种直销方式。同时也广泛的应用于网络营销领域。电子邮 件营销是网络营销手法中最古老的一种，可以说电子邮件营销比绝大部分网站推广和网络营销手法都要老。 说到EDM营销，就必须有EDM软件对EDM内容进行发送，企业可以通过使用EDM软件向目标客户发送EDM邮件，建立同目标顾客的沟通渠道，向其直接传达相关信息，用来促进销售。EDM软件有... 阅读全文
posted @ 2013-01-05 17:31 caijf 阅读(465) 评论(0) 推荐(0) 编辑
2012年12月26日
具有继承inherit的CSS属性汇总
摘要： 什么是继承 inherit？意思就是你在某个elements上添加了以下的css 属性，那么这个 elements 下面的所有子元素都会继承这个css属性。最典型的就是 color 这个属性。现在汇总一下，以后写css的时候，就可以更放心了。01 /*常用*/02 color :;03 text-indent :;04 text-align :;05 line-height :;06 list-style-type :;07 list-style-image :;08 list-style-position :;09 li... 阅读全文
posted @ 2012-12-26 15:45 caijf 阅读(476) 评论(0) 推荐(0) 编辑
2012年12月24日
ie6里中英文无法上下对齐
摘要： 首先描述一下问题：当一行文字同时有英文跟中文的时候，链接下划线就会发生折行，也就表示这个时候中英文是没有对齐的！ 但是经过测试，默认的直接在页面里设置链接的时候是不会出现这个情况的！那么疑惑又来了，是什么导致了中英文偏差呢？解决办法又是什么呢？经过我测试发现两种情况（当然有可能有更多导致的情况。你们可以自己去尝试）：1、 当中英文对象的相邻元素拥有vertical-align 属性设置（比 如前面一张小图片，或者文本框，我们需要把他们垂直对齐，一般都会给图片，文本框（其他任意内联块元素）设置vertical-align:middle ; 来实现）的时候，那么就会影响到中英文的不对齐。2、 就是 阅读全文
posted @ 2012-12-24 11:49 caijf 阅读(171) 评论(0) 推荐(0) 编辑
2012年11月22日
IE6绝对定位不显示
摘要： 设计稿：外层使用了相对定位，最左侧大标题这块使用绝对定位，分类使用的是dl定义列表加浮动。.clearfix{ *zoom:1;}.clearfix:after{ clear:both; height:0; overflow:hidden; display:block; content:"";}.box{ position:relative; ....}.box .box_tit{ position:absolute; left:-30px; top:-1px; height:86px; width:31px; *zoom:1;}.box dl{ float:left; w 阅读全文
posted @ 2012-11-22 11:52 caijf 阅读(312) 评论(0) 推荐(0) 编辑
下一页