解决placeholder对ie9及以下的不兼容

具体的看代码,都写在注释里了,欢迎讨论 <script> $(function () { /* *页面加载立刻执行 *@method:each遍历每个包含placeholder属性的对象(input) * */ $('[placeholder]').each(function () { //使每个input的value等于placeholder的值 $(this).val($(this).attr('placeholder')); }) }); /* * 焦点获取:点击时,使value的值为空…

有关placeholder在ie9中的一点折腾

有关placeholder在ie9中的一点折腾. placeholder属性定义: placeholder 属性规定可描述输入字段预期值的简短的提示信息(比如:一个样本值或者预期格式的短描述). 问题来源: placeholder属性给予了用户很友好的提示,但是在老版本的浏览器中就不会起作用(Internet Explorer 9 及之前的版本不支持 placeholder 属性),这是一个很头疼的问题,于是就产生了以下的思考. 解决思路判断浏览器是否支持placeholder属性 'plac…

解决firefox和IE9对icon font字体的跨域访问问题

何为跨域访问,为什么会有跨域限制?一切还得从浏览器的同源策略说起. 同源策略:是浏览器最核心也是最基本的安全功能,如果缺少了同源策略,则浏览器的正常功能可能会受到影响,可以说Web是构建在同源策略基础之上的,浏览器只是针对同源策略的一种实现. 浏览器的同源策略:限制了来自不同源的“document”或脚本,对当前“document”读取或设置某些属性.同源策略的存在,限制了“源”自A的脚本只能操作“同源”页面的DOM,“跨源”操作来源于B的页面将会被拒绝. 何为同源呢?“img.company.…

解决 placeholder 垂直不居中，偏上的问题

解决 placeholder 垂直不居中,偏上的问题安卓浏览器显示placeholder 垂直不居中,而iphone没问题,搜了一下答案,解决方法是把input的line-height去掉就行参考:http://gaohaixian.blog.163.com/blog/static/123260105201210143382123/ 参考:http://stackoverflow.com/questions/4919680/html5-placeholder-css-padding-prob…

DIV+CSS解决IE6，IE7，IE8，FF兼容问题

1.IE8下兼容问题,这个最好处理,转化成IE7兼容就可以.在头部加如下一段代码,然后只要在IE7下兼容了,IE8下面也就兼容了:1. <metahttp-equivmetahttp-equiv="x-ua-compatible"content="IE=7"/> 2. 2.flaot浮动造成IE6下面双倍边距问题,这个最常见,也最好处理,!important解决,比如margin-left:10px!important;/*IE7,IE8,FF下是10P…

DIV+CSS解决IE6，IE7，IE8，FF兼容问题(转至http://www.douban.com/note/163291324/)

2011-07-25 21:11:47 DIV+CSS解决IE6,IE7,IE8,FF兼容问题 1.IE8下兼容问题,这个最好处理,转化成IE7兼容就可以.在头部加如下一段代码,然后只要在IE7下兼容了,IE8下面也就兼容了: 1. <metahttp-equivmetahttp-equiv="x-ua-compatible"content="IE=7"/> 2. 2.flaot浮动造成IE6下面双倍边距问题,这个最常见,也最好处理,!impor…

div错位/解决IE6、IE7、IE8样式不兼容问题

IE6里DIV错位的问题原文:chinafine 采用”FLOAT:LEFT“的DIV在IE8.IE7.都没问题,IE6下却向下移动,出现空白.这是因为,IE6采用的内核默认把DIV之间的距离增加了3~5个PX,所以,试试是将下移的DIV的STYLE里增加"margin-left:-5px;"或者更小.解决IE7.IE8样式不兼容问题方法一.要在页面中加入如下HTTP meta-tag: <meta http-equiv="X-UA-Compatible&q…

div错位解决IE6、IE7、IE8样式不兼容问题

IE6里DIV错位的问题采用”FLOAT:LEFT“的DIV在IE8.IE7.都没问题,IE6下却向下移动,出现空白.这是因为,IE6采用的内核默认把DIV之间的距离增加了3~5个PX,所以,试试是将下移的DIV的STYLE里增加"margin-left:-5px;"或者更小.解决IE7.IE8样式不兼容问题方法一.要在页面中加入如下HTTP meta-tag: <meta http-equiv="X-UA-Compatible" conten…

解决jquery与zepto等其它库冲突兼容的问题

解决jquery与zepto等其它库冲突兼容的问题;(function ($) { }) (jQuery); ;(function ($) { }) (Zepto); 在Bootstrap源码(具体请看<Bootstrap源码解析>)和其他jQuery插件经常看到如下的写法: +function ($) { }(window.jQuery);…

解决html5新标签【placeholder】低版本浏览器下不兼容问题

placeholder属性是HTML5 中为input添加的.在input上提供一个占位符,文字形式展示输入字段预期值的提示信息(hint),该字段会在输入为空时显示. 实例:1 <input type="text" name="userName" placeholder="请输入用户名"> placeholder操作起来非常方便,提高了开发效率,同时在高版本浏览器中用户体验也很好,所以本人很喜欢用这个属性. 然而,在IE9以下版本浏…

HTML5的placeHolder在IE9下workaround引发的Bug（按下葫芦起了瓢）

详见StackOverFlow的:Simple jQuery form Validation: Checking for empty .val() failing in ie9 due to placeholder polyfill 由于引入ployfill,导致在IE9下,value成了placeholder的值,因此如果要做表单验证,除了判断表单元素的值为空,还要谨防value===placeholder的情况.…

input的placeholder在ie9下不兼容的结局办法。

/* IE9placeholder支持 */ if(!placeholderSupport()){ // 判断浏览器是否支持 placeholder $('[placeholder]').focus(function() { var input = $(this); if (input.val() == input.attr('placeholder')) { in…

UI设计文本框解决Placeholder的在IE10 以下 IE 9 IE8 IE 7 的兼容问题

创建JS文件 placeholderfriend.js (function($) { /** * 牛叉的解决方案 */ var placeholderfriend = { focus: function(s) { s = $(s).hide().prev().show().focus(); var idValue = s.attr("id"); if (idValue) { s.attr("id", idValue.replace("placeholder…

用JavaScript解决Placeholder的IE8兼容问题

CSS - 解决placeholder不起作用的方法

input::placeholder { font-size: 12px; letter-spacing: 1px; color: #A8C9FF !important; } input::-webkit-input-placeholder { font-size: 12px; letter-spacing: 1px; color: #A8C9FF !important; } input::-ms-input-placeholder { f…

关于input标签和placeholder在IE8，9下的兼容问题

一. input常用在表单的输入,包括text,password,H5后又新增了许多type属性值,如url, email, member等等,考虑到非现代浏览器的兼容性问题,这些新的type常用在移动端的项目中. 二. IE10+浏览器下,input标签会有一个默认的样式,比如文本框的'×'号,密码框的小眼睛.初衷是好的,有时候很方便,但有时候我们会自己设置样式和功能.可以用伪元素方法去除: ::-ms-clear, ::-ms-reveal{display: none;} 三. 在低版本的I…

解决getElementsByClassName（）在IE8下的兼容问题

getElementsByClassName,这个方法让我们可以通过 class 属性中的类名来访问元素,但是IE9 以下的浏览器不支持 .为解决这个问题,我们写一个兼容函数 getByClass() 实现在IE低版本和现代浏览器中都能通过类名来获取节点. function getByClass(name){ //如果浏览器支持会得到一个函数体 if(document.getElementsByClassName){ return document.getElementsByClassName…

开发笔记 - 解决font-awesome等图标在浏览器中的兼容问题

今天在写前端页面的时候,觉得font-awesome简单实用就上手试了一下,因为font-awesome图标库甚为强大,我就在其css上多做了一些尝试,这一尝试发现了一个致命的问题,当我对i标签进行统一字体大小以及统一字体样式的时候,发现了我的网页在不同浏览器上的显示问题,显示如下: QQ浏览器: 图标显示正常! 谷歌浏览器: 图标显示异常! IE浏览器图标显示异常百思不得其解,后来搜了一下这个问题,自己也在这总结一下,防止一个坑掉下去两次: 查资料得知“谷歌浏览器和IE9不支持对icon…

解决UC浏览器或微信浏览器上flex兼容问题

在UC浏览器上使用display:flex;时会不起作用,要加上兼容性写法,如下 display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */…

关于解决JQUERY对INPUT元素Change事件不兼容的问题

最近开发一个项目,需要实现用户在WEB表单里的多个INPUT框中输入数量后,立即自动计算加总各项输入的数量之和,并显示在指定的INPUT框中,这个功能实现的原理是简单的,就是只需要在INPUT的onchange事件中计算加总并将结果赋给指定的INPUT框中即可实现,代码如下: $("input.syxcost").change(function(){ computeReceivedsyxcost(); } function computeReceivedsyxcost(){ //计算加…

利用js实现placeholder占位符，甩开ie不兼容

正常的写法 <input type="text" placeholder="占位符"> 这种写法ie低版本的支持不友好,为了满足某些测试或者产品的变态需求,又要改默认字体颜色,又要兼容各版本浏览器,只有使出杀手锏了,利用js的onfocus和onblur事件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&qu…

解决IE8下CSS3选择器：nth-child() 不兼容的问题

1.定义和用法 :nth-child(n) 选择器匹配属于其父元素的第 N 个子元素,不论元素的类型. n 可以是数字.关键词或公式. <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> </ul> 选取上面结构里面的li ul li:nth-child(1){ color:#fff; }/*选取第一个li*/ ul li:nth-child…

完美解决VC++6.0与Visio/office不兼容问题！！！

话说电脑上如果装有VC++6.0编程软件和Visio或office办公软件,那么经常编程的人就会遇到下面的问题:VC打不开文件和工程,总是提示读取内存错误,点“确定”后vc自动关闭,但vc却能新建文件和工程:这让许多人困惑.以为是vc版本不行,再下载在安装,即便下了补丁,结果仍然存在. 其实这是微软的一个小小的失误,VC++6.0与office2007(其实2007之后的都有冲突)有冲突.解决方法有三: 一.卸载office2007,安装2003.(其实问题的本质在于office2007的安装文…

解决text-align: justify;浏览器、安卓手机不兼容问题

1.兼容PC端浏览器 .h_text{ text-align:justify; text-justify:inter-ideograph;width:200px;} .span_hid{ display:inline-block; width:100%;} <h1 class="h_text">这一行要两端对齐<span class="span_hid"></span></h1> text-align:justify…

解决JS中各浏览器Date格式不兼容的问题

IE,Chrome和FireFox等浏览器都支持的一种日期格式是:2015/11/30 19:29:23. 所以,可以这样写: var timeStr = new Date("2015/11/30 19:29:30"); 但是,如果你从数据库或者调用其他接口得来的时间是这种格式的:2015-11-30 19:29:23. 则可以这样处理: var timeStr = "2015-11-30 19:29:30"; var time = new Date(timeStr…

VMware与Hyper-V的冲突解决 VMware Workstation 与 Device/Credential Guard 不兼容解决方案

win10专业版官方解决方案https://kb.vmware.com/s/article/2146361 win10家庭版解决方案win10家庭版本身是不支持Hyper-V服务的,但是如果是“win10预览体验家庭版”,会在“服务”中发现有Hyper-V服务.解决方案: 1. 在Windows安全中心中关闭“内核完整性保护”(如果有的话): 2. 在“服务”中禁用“HV主机服务”: 3. 打开Windows PowerShell(管理员) 运行命令 bcdedit /set hyperviso…