低版本IE浏览器不兼容placeholder解决方法

虽说现在很多网站都放弃了IE浏览器的低版本,但是很多时候咱们还得看甲方的要求就制作网站。如果甲方要求兼容IE789,那么咱们就得给人家做出来兼容的产品。

创新互联公司是由多位在大型网络公司、广告设计公司的优秀设计人员和策划人员组成的一个具有丰富经验的团队,其中包括网站策划、网页美工、网站程序员、网页设计师、平面广告设计师、网络营销人员及形象策划。承接:成都做网站、网站建设、网站改版、网页设计制作、网站建设与维护、网络推广、数据库开发,以高性价比制作企业网站、行业门户平台等全方位的服务。

今天就IE789的input标签的placeholder说一说解决方法。

一、优雅降级解决(极力推荐)

也就是俗称的不解决细节,只要大体能满足浏览的要求就可以,placeholder低版本不显示,那么咱们就不在去做兼容方法,反正以后的几年IE低版本的浏览器会被淘汰。

二、使用input的value制作placeholder的效果

这个是我以前用的一个方法,当input有光标的时候删除value的值,光标离开的时候再去查看内容,如果是空或者是跟原来的值一样的就显示value,具体代码如下。

(www.gendan5.com)

三、使用另一个容器放input的内容(推荐)

具体的流程,

1、判断浏览器的版本,如果是低版本的浏览器启用容器提示方法

2、把input的placeholder放在box里面定位到input的下方,并且给input透明的背景

3、当鼠标获取+value有变化的的时候隐藏box

4、光标离开的时候内容进行比较,如果没有改变重新显示文字的box


网站题目:低版本IE浏览器不兼容placeholder解决方法
本文网址:http://csruizhi.cn/article/pjepho.html

其他资讯

Copyright © 2007-2024 成都优众联杰科技有限公司 All Rights Reserved 蜀ICP备2024116266号
友情链接: 广安网站设计 营销网站建设 外贸网站设计方案 移动手机网站制作 app网站建设 成都商城网站制作 定制网站制作 手机网站制作 网站制作公司 成都网站设计 网站建设开发 成都网站建设 网站制作 成都网站建设 成都网站建设 高端定制网站设计 定制网站建设多少钱 重庆手机网站建设 成都网站制作 成都网站制作 网站建设方案 专业网站建设