前言: 项目中用到了一个功能,搜索框里有默认的文字,当搜索框获得焦点时里面的默认文字消失,如果失去焦点时搜索框内容为空则让里面的内容回复默认!,. 实现: 很轻松的在网上找到了类似代码 $("#search_text").focus(function (event) { with (event.srcElement) //如果当前值为默认值,则清空 if (value == defaultValue) value = ""; }); $("#search_…

fontello是一个非常好的web font生成工具,但是在使用过程中发现生成的字体在firefox下死活渲染不出来,只有chrome可以正常渲染,字体文件和页面在同域下. 试过各种办法,最后发现一个规律,如果只选择空心符号和非空心符号,那么是可以正常渲染的.这就说明,是fontello生成的字体文件有问题. 于是尝试更改fontello的设置,发现其中有一个hint选项是enable的,于是试着去掉这个选项: 再次尝试,发现竟然好了. 这个选项,我目前还没搞懂到底干嘛的,hint是暗示的意思…

今天写代码的时候发现,在blur事件里面写focus获取焦点无效, $input.blur(function(){ ……………… $input.focus(): } 而且只是在火狐下面无效而已,很明显这又是一个赤裸裸的兼容性问题咯. 解决办法,使用setTimeout()函数即可: $input.blur(function(){ ……………… setTimeout(function(){$input.focus()},0): }…

火狐firefox浏览器打开网也是时提示“内容编码错误 无法显示您尝试查看的页面,因为它使用了无效或者不支持的压缩格式.” 今早一来打开用PHPCMS做的网站时就提示这个错误,用其他浏览器打开提示的是无法打开,用火狐浏览器则提示以上文字,话说火狐还真是个好东西,很多错误其它浏览器不会提示因而不好找到正确的解决方法,在这里先给火狐来个赞. 下面说说这个问题的原因及解决方法: 原因: 经检测,出现此问题的原因是因为服务器关闭了gzip压缩导致的,而我的程序使用了gzip压缩.导致程序执行gzip压缩…

1.DOCTYPE 影响 CSS 处理 2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行 3.FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可居中 4.FF: 设置 padding 后, div 会增加 height 和 width, 但 IE 不会, 故需要用 !important 多设一个 height 和 wid…

http://wu110cheng.blog.163.com/blog/static/13334965420121120102439190/ Firefox下网页缩放时防止div被挤到下一层 问题:三个div,一个div中包含两个浮动带有border边框的div:且样式设计中保证两个div全部宽度之和等于外层div的宽度.在火狐下缩放网页显示比例小于100%时,会导致右边div被挤到下一行. 案例: <style> *{ margin:0; padding:0;} #box{width:300…

一.问题描述 我是流体布局控,经常会遇到文本框以及文本域宽度100%自适应显示的情况. 如下效果图: 在窄屏下,上面的文本框宽度也要跟着外部宽度变小. 难点对于文本框或者文本域,光标最好距离左侧边缘有一定的间距.因此,我们基本上都有类似下面的设置: input { padding-left: 10px; } 但是,如果只考虑文本框本身(父标签无其他特殊处理),这一套在流体环境下是行不通的,因为固定的padding数组无法让文本框永远100%自适应外部的宽度,至少非现代浏览器下是如此!//zxx:…

由于项目需求要求只能允许用户输入数字和小数,用到了event.keycode后IE系列.chrome浏览器都无问题,在firefox下出现了event not defined的错误 原因:火狐下event对象不能通过window.event获取到,而是在调用函数时以参数的形式传递的. 解决方案:将其改为兼容的写法即可. 另外注意: event对象的keyCode属性在火狐和其他浏览器下也不同,火狐使用的是event.which,所以这一块也写成兼容模式 例子:设置文本框只能输入数字和浮点数验证…

1.window.location.hash window.location.hash这个属性主要是读取和写入网页位置的,我们经常会用来控制网页单页面跳转或者是控制网页位置.然而这个属性在firefox下遇到中文时却会被自动转码为UTF-8,这是火狐等相似浏览器对中文url的一些处理的不同.以下介绍一个方法可以fixed掉这个问题. 2.解码函数 前面已经提到,firefox喜欢帮我们把中文转换成utf-8的编码格式,那么我们只用使用合适的解码函数对其解码皆可. javascript中有三个编码…

1.兼容性问题 火狐浏览器下点击a标签时出现虚线 2.解决方案 a:focus { outline: none;}…