重置file input

Author : lovecicy

表单中经常有需要上传文件的表单项,但是这是一个比较特殊的表单控件,在各个浏览器中的呈现方式都不一样。在IE中,它的呈现方式是不可输入的输入框加按钮;在Chrome下,它的呈现方式是一个按钮加右边的文件名,如果没有文件被选中,则显示“No file chosen”。FF和IE8显示相同。 除了呈现方式不同之外,其特殊性也表现在其value属性上。因为安全性的问题,我们不能设置它的value值,甚至连读它的value值都不是我们想要的。在IE8下,读value值可以返回真实的文件路径;而在Chrome下则只能返回“C:\fakepath\”+文件名;FF下则只有文件名。 更加棘手的问题是,一旦选中了某个文件,怎么将表单项reset。在Chrome下最简单,直接再点按钮,选择cancel就可以reset了;在FF和IE8下就不行了。在Chrome和FF下,我们可以通过js将input的value设置为空来重置其值,但是在IE8下,value值无法通过js设置。 这样,当需要重置input的值的时候,就不能单纯的通过设置input的value来重置了。 如果可以的话,最简单的方法就是选择inp[Read More]

standard

IE, FireFox, Chrome浏览器支持CSS实现Alpha半透明的方法

Author : lovecicy

在网站中, 使用半透明效果的场景很多,但是各个浏览器对于标准的支持又不一样,在网上搜索了一下,总结了下各个浏览器的实现方法。 使用下面的CSS代码,基本可以覆盖主流的浏览器: -ms-filter: “progid:DXImageTransform.Microsoft.Alpha(Opacity=30)”; /*IE8*/ filter:alpha(opacity=30); /*IE5、IE5.5、IE6、IE7*/ opacity: 0.3; /*Opera9.0+、Firefox1.5+、Safari、Chrome、IE9+*/ 现代浏览器都支持opacity属性,主要针对IE8及之前的IE浏览器。

standard

Mozilla Firefox 15.0 beta 6版本发布

Author : lovecicy

如约而至,Mozilla今天将Firefox 15.0 beta 6 版本放到了官方FTP中,各位喜欢尝鲜的浏览迷可以下载体验了。不出意外,这将是正式版之前的最后一个beta版,而按照计划,Firefox 15.0 正式版将于8月28日左右正式与大家见面。 Mozilla Firefox 15将为我们带来如下新特性: 后台静默更新:后台更快的静默更新,不影响前台用户的使用。 新标签中打开设置页。 垃圾增量收集机制 逐步整合社交元素(可选项) 集成WEB 应用 改善启动性能:改变预读文件,缩短启动时间(特别是Windows平台下) Firefox 15.0 beta 6 版本下载地址: Win平台:ftp://ftp.mozilla.org/pub/firefox/releases/15.0b6/win32/zh-CN/Firefox%20Setup%2015.0b6.exe MAC平台:ftp://ftp.mozilla.org/pub/firefox/releases/15.0b5/mac/zh-CN/Firefox%2015.0b6.dmg Linux平台:ftp://ftp.mo[Read More]

standard