placeholder兼容ie8

placeholder兼容IE8解决方案

1.原因:placeholder是h5的新属性,IE10以前的浏览器(8.9)不支持此属性. 2.解决方法:jQuery三方插件 jquery-placeholder 3.快速开始: <!DOCTYPE html> <html> <head> <title>test</title> <script type="text/javascript" src="jquery-1.9.1.js">&…

兼容IE8以下浏览器input表单属性placeholder不能智能提示功能

当前很多表单提示使用了表单属性placeholder,可这属性不兼容IE8以下的浏览器,我自己写了一个兼容处理js // 兼容IE8以下浏览器input不能智能提示功能 if(navigator.appName == "Microsoft Internet Explorer" && (navigator.appVersion.match(/7./i)=="7." || navigator.appVersion.match(/8./i)=="…

placeholder兼容方法（兼容IE8以上浏览器）

//placeholder兼容方法(兼容IE8以上浏览器) var JPlaceHolder = { //检测 _check: function () { return 'placeholder' in document.createElement('input'); }, //初始化 init: function () { if (!this._check()) { this.fix(); } }, //修复 fix: function () { jQuery(':input[placehol…

IE8 placeholder兼容+Password兼容

对于placeholder兼容问题 IE系列的大部分不兼容使用JQ插件解决这个问题,确实用法很简单 jS下载地址http://www.ijquery.cn/js/jquery.placeholder.min.js <script type="text/javascript" src="http://www.ijquery.cn/js/jquery-1.7.2.min.js"></script> <script type="t…

bootstrap3 兼容IE8浏览器

近期在使用bootstrap这个优秀的前端框架,这个框架非常强大,框架里面有下拉菜单.按钮组.按钮下拉菜单.导航.导航条.面包屑.分页.排版.缩略图.警告对话框.进度条.媒体对象等,bootstrap都已经预先定义好了,当我们制作网页上,只需直接调用里面的css即可 bootstrap是一个响应式的布局,你可以在宽屏电脑.普通电脑,平板电脑,手机上都得到非常优秀的布局体验.这种响应式的布局正是通过CSS3的媒体查询(Media Query)功能实现的,根据不同的分辨率来匹配不同的样式.IE8浏览…

bootstrap兼容IE8的一些注意

准备 bootstrap 3.3.5 jQuery 1.12.0 注意支持html5 需要引入html5.js 支持placeholder 需要引入placeholder.js ie8 不支持 formdata 可以考虑 iframe 支持媒体查询需要引入 request.js 不支持条纹间隔的table 当然没有圆角矩形渐变要使用 filter: progid:DXImageTransform.Microsoft.gradient 注意防止兼容模式要注意doctype…

兼容ie8总结

最近做了个兼容ie8的项目,把遇到的一些坑总结一下,欢迎大神指正,共勉. 一. js相关 1. 关于库的引用 jquery只能引用1.x的版本,swiper只能引用2.x的版本. 2. 动态生成的dom, $().click 方法为其添加点击事件,需用on 或 live 方法进行绑定. 3. ie8不兼容forEach, 可用如下代码进行兼容 if ( !Array.prototype.forEach ) { Array.prototype.forEach = function forEach…

bootstrap3兼容ie8浏览器

bootstrap3 兼容IE8浏览器 2016-01-22 14:01 442人阅读评论(0) 收藏举报分类: html5(18) 目录(?)[+] 近期在使用bootstrap这个优秀的前端框架,这个框架非常强大,框架里面有下拉菜单.按钮组.按钮下拉菜单.导航.导航条.面包屑.分页.排版.缩略图.警告对话框.进度条.媒体对象等,bootstrap都已经预先定义好了,当我们制作网页上,只需直接调用里面的css即可 bootstrap是一个响应式的布局,你可以在宽屏电脑.普通电…

如何使用videojs兼容IE8浏览器

需要在服务器下运行首先我们需要下载videojs包 https://github.com/videojs/video.js/releases 这里简单写了一个小栗子 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>video</title> …

IE9以下 placeholder兼容

//input placeholder兼容!(function ($, doc, win) { $.fn.placeholder = function () { var i = doc.createElement('input'), placeholdersupport = 'placeholder' in i; if (!placeholdersupport) { var inputs = $(this); inputs.each(function () { var input = $(thi…

jQuery validate兼容IE8写法

最近做项目的时候遇到一个validate插件在IE8下面点击submit按钮没有执行检查的BUG 在chrome和FF,还有IE9以上都可以.百度了好多文章都没有找到解决方法,后面自己测试找到了问题. 在IE8下面点击 input type=submit 的按钮,不能触发检测.换一种实现方式就可以了. // 兼容IE8写法: $('#login-btn').click(function(){ $('#loginForm').submit(); }); 我们不用默认的submit input按钮,…

兼容ie8 rgba()用法

今天遇到了一个问题,要在一个页面中设置一个半透明的白色div.这个貌似不是难题,只需要给这个div设置如下的属性即可: background: rgba(255,255,255,.1); 但是要兼容到ie8.这个就有点蛋疼了.因为ie8不支持rgba()函数.下面我们总结一下rgba()函数的含义. rgba的含义,r代表red,g代表green,b代表blue,红绿蓝是三原色.所有颜色都可以由这三种颜色拼合而成.a代表透明度.比如rgba(255,255,255,0.1)就是透明度为0.1的白…

【转】让Bootstrap 3兼容IE8浏览器

FROM : http://www.ijophy.com/2014/05/bootstrap3-compatible-with-ie8.html 最近在研究Bootstrap(官方,Github)这个优秀的前端框架,Bootstrap最开始是Twitter团队内部的一个前端框架,所谓前端框架就是一个CSS/HTML框架,框架里面有下拉菜单.按钮组.按钮下拉菜单.导航.导航条.面包屑.分页.排版.缩略图.警告对话框.进度条.媒体对象等.Bootstrap他们预先定义好,等要进行正式制作网页的时候,…

让Bootstrap 3兼容IE8浏览器

最近在研究Bootstrap(官方,Github)这个优秀的前端框架,Bootstrap最开始是Twitter团队内部的一个前端框架,所谓前端框架就是一个CSS/HTML框架,框架里面有下拉菜单.按钮组.按钮下拉菜单.导航.导航条.面包屑.分页.排版.缩略图.警告对话框.进度条.媒体对象等.Bootstrap他们预先定义好,等要进行正式制作网页的时候,我们可以直接用里面的class就可以了. 今天不多介绍Bootstrap的功能,以后有机会可以重点介绍一下,确实十分优秀.响应式布局,定制性强,组…

css样式设置图片半透明度，兼容IE8，火狐

关于背景颜色透明的兼容浏览器的问题,一直是个问题,我所写的兼容IE8,和火狐,说是兼容所有浏览器我就没有测试,有兴趣的朋友可以自己测试下吧. background-color:white;filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; background-color:white;…

兼容ie8 rgba()用法滤镜filter的用法

原文 http://blog.csdn.net/westernranger/article/details/40836861 今天遇到了一个问题,要在一个页面中设置一个半透明的白色div.这个貌似不是难题,只需要给这个div设置如下的属性即可: background: rgba(255,255,255,.1); 但是要兼容到ie8.这个就有点蛋疼了.因为ie8不支持rgba()函数.下面我们总结一下rgba()函数的含义. rgba的含义,r代表red,g代表green,b代表blue,红绿蓝…

placeholder兼容

<script type="text/javascript"> $(function () { if (!placeholderSupport()) { // 判断浏览器是否支持 placeholder $('[placeholder]').focus(function () { var input = $…

Bootstrap 3兼容IE8浏览器（转）

Bootstrap是一个响应式的布局,你可以在宽屏电脑.普通电脑,平板电脑,手机上都得到非常优秀的布局体验.这种响应式的布局正是通过CSS3的媒体查询(Media Query)功能实现的,根据不同的分辨率来匹配不同的样式.IE8浏览器并不支持这一优秀的Css3特性,Bootstrap在开发文档中写了如何使用进行兼容IE8.但是笔者多次尝试没有成功,IE8的布局是乱的.直到今天忍无可忍,决定再尝试一下,最终获得成功.有些细节没有注意到,导致IE8没法响应式布局. 下面讲解下如何让Bootstrap…

背景图片background-size兼容ie8以下浏览器解决

背景图片不够大,然后就想到用background-size:100%; 测试浏览器的时候发现ie8以下不兼容,图片会自动填充平铺过去,然后出现背景不好看的现象.解决方法: background-image: url(images/background.jpg); background-size:%;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/background.jpg',sizingMethod=…

Bootstrap 3 兼容 IE8 浏览器

公司新上的项目,前端用的Bootstrap3的框架,但它已经放弃对IE9下的支持了.可IE8还是有着许多用户,不能不照顾到他们,IE7以下的,我只想说,现在什么年代了,要解放思想,与时俱进啊,就不能动动手升下级吗. 于是着手解决,在http://www.ijophy.com/2014/05/bootstrap3-compatible-with-ie8.html发现了解决方法,亲测可行.在此声名对此作者的感谢. 进入主题. Bootstrap是一个响应式的布局,你可以在宽屏电脑.普通电脑,平板电脑…

Css实现透明效果，兼容IE8

Css实现透明效果,兼容IE8 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 蕃薯耀 2015年9月9日 17:39:24 星期三 http://fanshuyao.iteye.com/ /* background: rgba…

placeholder在不同浏览器下的表现及兼容方法 placeholder兼容

1.什么是placeholder? placeholder是html5新增的一个属性,当input或者textarea设置了该属性后,该值的内容将作为灰字提示显示在文本框中,当文本框获得焦点(或输入内容)时,提示文字消失. 写法如下: 2.placeholder的浏览器兼容性和在不同浏览器下的表现由于placeholder是html5的新属性,可想而知,仅支持html5的浏览器才支持placeholder,目前最新的firefox.chrome.safari以…

placeholder 兼容 IE

placeholder 是 html5 的新属性,仅支持 html5 的浏览器才支持 placeholder,目前最新的 FF.Chrome.Safari.Opera 以及 IE10 都支持,IE6-IE9 都不支持! placeholder 在各个浏览器下基本都是淡灰色显示,不同的地方在于 FF 和 Chrome 中,输入框获得焦点时,placeholder 文字没有变化,只有当输入框中输入了内容时,placeholder 文字才会消失:而在 Safari 和 IE10 下,当输入框获得焦点时…

【Bootstrap】兼容IE8、谷歌和其他主流浏览器的观众IMAX风格的页面

尽管说IE6除了苛刻要求的一部分,我们一直没能考虑,但WIN7内置的浏览器IE8还需要支持. 在本文中,基本这种方法的优点,我个人认为,这是准备少.我们不需要在网上找了很多照片,使材料,你只要准备好了bootstrap.jquery与photoshop在上面.bootstrap与jquery怎么配置.能够參考<[Bootstrap]一个在当前网页弹出的对话框,能够关闭.不用跳转.非弹窗>(点击打开链接) 被要求编写一个站点,经常会被怎样布局困扰. 事实上也不难.假设可以熟练使用Bootstra…

使用FlashWavRecorder实现浏览器录制wav音频和上传音频文件，兼容IE8以上浏览器

前言:本项目基于github开源插件实现,该插件使用flash实现,兼容IE8以上浏览器感谢michalstocki的分享该项目,github项目地址:https://github.com/michalstocki/FlashWavRecorder 博主修改后的项目下载地址:http://download.csdn.net/detail/eguid_1/9684124 1.要提交的表单(如果只需要上传文件,可以不需要) <form id="uploadForm" name=&q…

background:rgba() 兼容ie8 用法

background: rgba(255,255,255,.1);//火狐,谷歌等 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19ffffff,endColorstr=#19ffffff);//兼容IE 第二行的意思就是当上一行的透明度不起作用的时候执行.这句话的意思本来是用来做渐变的.但是这个地方不需要渐变.所以两个颜色都设置成了相同的颜色. 这个颜色"#19ffffff"是由两部分组成的. 第一…

css3兼容IE8的方案各个ie的hack

虽然现在很多项目已经对低版本IE不要求了,但是还有部分公司对IE8还是很执着的,咱作为屌丝前端程序员不能和老板说前端潮流,不能说趋势,只能动脑子了,下面就分享一些css3兼容ie8的方案思路.主要是实现弯道超车. 比如css3的nth-child选择器,它有多好用就不解析了,问题它不兼容ie8,怎么破呢? 1.用jq选择器实现弯道超车,比如我想选择前面五个li,可以这样选.$("li:nth-child(-n+5)").css().这样就利用jq实现了兼容,但是能用css解决的就尽力不…

location.origin不兼容IE8解决方案

最近项目中遇到一个问题,在ajax跟后台交互时需要传一个全路径url.项目上线后,在谷歌,火狐,360等浏览器访问一切正常.但唯独IE8下出现问题,提示url:undefined ! 这就尴尬了!!!原来是location.origin不兼容IE8!!! 万恶的兼容性问题, 最终解决方案如下: var baseUrl; if (typeof location.origin === 'undefined') { baseUrl = location.protocol + '//' + locati…

JGUI源码：Accordion兼容IE8实现(3)

本来不考虑IE8,但是还是有部分客户用的XP,有不代表没有,尽量做一下兼容处理1.before,after,要使用:不能使用:: 2.阻止冒泡 function stopPropagation(e) { e = window.event || e; if (document.all) { //只有ie识别 e.cancelBubble = true; } else { e.stopPropagation(); } } 3.SlideToggle 在IE8下经常会导致一些元素不可见.使用zoom:…

【placeholder兼容ie8】的更多相关文章