随笔分类 -  工作笔记

摘要:在WEB表单中,为了达到更好的用户体验,往往会在input输入框中添加文字或图形占位符。以往占位符的实现方式都是通过javascript来判断value值的更改,现在html5提供了placeholder属性就可以在标准浏览器中轻松实现。下面分别介绍本人常用的3种实现方法:一、完全依靠javascript就是通过onfocus,onblur的方式,动态改变其value值,但此种方式有几个缺点:1.对于密码框,文字占位符无法实现(方式二可避免)2.表单提交时,还需要对默认值进行单独处理,比较繁琐(方式二、三均可避免)3.如果文本框中填入非占位符值的默认文本,需特殊处理,如搜索页面文本框中会填入当 阅读全文
posted @ 2012-05-09 12:27 nolure 阅读(9540) 评论(0) 推荐(2)
摘要:当需要用到一大块可点击区域,比如在图片上加一大块链接但又不能设置背景的时候,我们会在图片在加一个透明的绝对定位浮动元素,这时IE中就会出现部分区域无法点击的情况。解决方法:由于该区域不能设置背景,我们可以为该元素设置一背景图片(任意图片均可),并设置background-position:0 1000px,让背景不出现在可视区域即可其他方法:可以在元素中加 空白符,然后设置css {font-size:500px;line-height:500px;},这样可以解决IE6中的问题,但是IE8仍会有部分不可点击区域,所以不提倡使用。原文:http://www.nolure.co 阅读全文
posted @ 2011-10-21 13:50 nolure 阅读(257) 评论(0) 推荐(0)
摘要:1.chrome(Safari)文字小于12px的解决办法body{-webkit-user-select: none;}2.用css禁止鼠标选择文本firefox浏览器: body{-moz-user-select:none;}webkit浏览器(chrome): body{-webkit-text-size-adjust:none}关于IE还没有找到到相关的css办法原文:http://www.nolure.com/?p=12 阅读全文
posted @ 2011-08-29 13:08 nolure 阅读(160) 评论(0) 推荐(0)