缩略图TODO

昨天公司任务中,有涉及到一个比较老的网站静态文件整理压缩过程,于是采用了grunt工具的压缩插件grunt-contrib-cssmin来进行js和css的压缩整理;发现引用压缩后的css之后,页面在ie7下出现错乱现象,其他高版本浏览器则正常显示,于是各种排查,对比文件,网上查找相关资料,终于找到了原因所在。

- 阅读剩余部分 -

缩略图TODO

今天遇到一个问题,在IE浏览器下,使用label FOR radio后,label中的图片无法选中。

例如,这样的代码

<input type="radio" name="radio" id="a" /><label for="a"><img src="/Labs/images/logo.gif" /></label>

这种情况下,点击label的图片将无法选中radio选项。解决这个问题,目前可以有三种方法,分别是通过JS、CSS或者HTML代码3个方面来解 决。

- 阅读剩余部分 -

缩略图TODO

关于placeholder的使用,众所周知它是h5的新属性,所以IE9以下就别想用它了,不支持。

那么我们必须要低版本的浏览器,做一些降级处理的兼容,原理自然就是:提示语placeholder用其他方式替代显示咯。

以下是一小段兼容处理。

代码如下(jquery请自行引入):

- 阅读剩余部分 -

缩略图TODO

最近项目中遇到一个令人头疼的问题,查阅各种资料,尝试各种方法,最终得以解决;哎···下面就说说这心酸的历程吧。

大家都知道autocomplete属性是表单字段中的HTML5新属性,该属性有两种状态值,分别为"on" 和 "off",该属性可省略:省略属性值后默认值为"on",也可以省略属性名,直接写入关键字on或off。

网站项目中,有登录和注册的弹框,在除chrome的浏览器中一切都ok,一旦在谷歌浏览器中,问题来了:

- 阅读剩余部分 -