坑爹的IE9-,真的是够够的了,不过公司不要求兼容这个玩意了,自己觉得兼容这个鬼还是挺有挑战性的,自己也碰到不少难题,一个个解决. css: .placeholderColor { color : #999; } 先判断浏览器类型(仅判断IE,如果需要请自行查找,线上很多): function myBrowser(){ var userAgent = navigator.userAgent; var isOpera = userAgent.indexOf("Opera") > -…

对于密码输入框placeholder的兼容问题:HTML代码:<input type="password" id="loginPassword" placeholder="密码(6-16位字母数字)" class="width270"><input type="text" passwordMask="true" placeholder="密码(6-16位字母数…

原文:几个常用的CSS3样式代码以及不兼容的解决办法 border-radius实现圆角效果 CSS3代码: -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; background-color:#666; width:200px;height:100px; Firefox,Chrome Google,Safari等浏览器的显示效果如图0-0: 图0-0 但是IE这个异类不支持CSS3的这个属性,在IE…

转载自:spirng中的asm与jdk不兼容<已解决> 前言 不知道前面对eclipse做了什么,使用maven来创建项目,然后转成web,启动的时候一直报错.我弄了好久,还是无法解决,先记录 正文 错误信息 tomcat启动的时候报了下面的错误 严重: Exception sending context initialized event to listener instance of class com.demo.web.listener.InitApplicationListener j…

VMware workstation虚拟机配置文件不兼容无法使用解决方法打开VMware workstation虚拟机提示:配置文件"--.vmx"是由Vmware产品创建,但该产品与此版本VMware workstation不兼容,因此无法使用,无法打开配置文件--.vmx.最后导致虚拟机无法正常启动打开VMware workstation虚拟机配置文件不兼容无法使用解决方法 步骤方法: 方法一: 1.打开VMware workstation虚拟机,在虚拟机列表中找到你的虚拟机,鼠标…

由于placeholder是html5的新属性,在IE8.IE9下是不能显示的,有兼容性问题. 解决思路: 1.判断目前浏览器是否支持placeholder属性 2.若不支持,则将type="text"的input标签的value值设置为placeholder的值,模拟placeholder效果:若是type="password",则添加一个type="password"的input元素模拟. 代码: <div> <input…

上周四好不容易加了几天班把刚接手的一个pc页面做完,周五同事说要兼容ie7~ie9,结果在上面一跑,输入都没法输入. 我的需求是用6个span作为虚拟的密码输入框,实际上是用一个藏在页面里的input来实现输入的.如下图 上面是我要实现的页面,和页面结构dom,就是点击span的的父节点div的时候,要让input获取焦点.左边是input,为了给大家展示就先不藏起来了,对了,千万别用display:none来隐藏input,否则无法获取焦点. 先来给大家复习一下input标签的所有事件: 1.…

.phcolor{ color:#999;}//css样式 function isPlaceholer(){ var input = document.createElement("input"); return "placeholder" in input; }; function placeholder(input){ var text = input.attr('placeholder'), defaultValue = input.defaultValue;…

定义和用法 placeholder 属性提供可描述输入字段预期值的提示信息(hint). 该提示会在输入字段为空时显示,并会在字段获得焦点时消失. 注释:placeholder 属性适用于以下的 <input> 类型:text, search, url, telephone, email 以及 password. 问题: 由于placeholder 属性是 HTML5 中的新属性,所以IE10以下不支持该属性,有问题就会有解决办法,我的方法就是,利用label和input组合,去模拟实现pla…

function guid() { return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) { var r = Math.random() * 16 | 0, v = c == 'x' ? r : (r & 0x3 | 0x8); return v.toString(16); }); } function placeholderIe() { function isPlaceholder() { var…