02 2013 档案

overflow与text-indent:-9999px 字体隐藏及input value偏移
摘要：作为一个web前端开发为了html语义化常常要给内容模块加上一些标题来让页面更有意义当然还有我们的图片按钮在抛开css裸奔的情况下也能很顺利的汲取到页面信息通常为了传达更好的视觉效果我们常用图片替代掉字体而早前的前端开发常直接不在html中给出内容用 ；（甚至为空）这样在没有加载到css时就无法知道这个区块究竟是什么内容了正题开始通常偏移掉字体的方式是使用text-indent:-9999px;可是他有一个局限性 他只适用于块级元素block而我们往往有时候想偏移掉的a上的字体所以问题就来了text-indent:-9999px;虽然用起来比较惬意将a转化成block的话 往往 他身后的的元素 阅读全文
posted @ 2013-02-28 20:53 evilfox 阅读(240) 评论(0) 推荐(0) 编辑
Input的background-image属性的兼容性
摘要：一般来说，设置input按钮的background-image属性，在Firefox,Chrome等标准W3C浏览器中，只要写二行css:12background-image: url(images/hello.jpg);background-repeat: no-repeat;但是在IE下，只写上面二行CSS，input元素是不会显示背景图片的，需要写成如下形式，才能正常显示：1234background-image: url(images/hello.jpg);background-repeat: no-repeat;background-color: transparent;border 阅读全文
posted @ 2013-02-28 20:45 evilfox 阅读(6206) 评论(0) 推荐(0) 编辑
HTML上传控件input=file的美化
摘要：最近在研究上传的问题，html5支持ajax上传文件，不支持html5的可以用iframe替换（flash这个cpu/mem老虎请靠边站），但如果真的要在项目中应用，绝对不可以直接用 <input type="file" name="upload" />就完事了，必须要美化，美化的作用，1,使得所有浏览器下，看起来一样，2,提供一个一致的入口，方便操作。看看原生态的input=file在各个浏览器下的造型：上图为我的debian系统下，Firefox, Opera, Chrome浏览下的file样式，最后一个IE是虚拟机里的表现。丑陋不堪，而 阅读全文
posted @ 2013-02-28 16:50 evilfox 阅读(19385) 评论(0) 推荐(0) 编辑
ie6绝对定位BUG
摘要：在IE6中，当父级的宽高值为奇数时，子级绝对定位后总是差1像索，最好的解决方法就是尽量去设置宽高值为偶数，实在想解决，那就用css hack吧，，，_right:-1px ; bottom:-1px ....下例就是最好的证明，用了个JS去检测，IE6以上及标准浏览器必须得弹出 199 ，而只有IE6这个奇葩，竟然给来一个 198 ，晕啊。。。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transi 阅读全文
posted @ 2013-02-14 09:36 evilfox 阅读(364) 评论(0) 推荐(0) 编辑