bootstrap3.3.2在ie8中的radio问题

根据官方文档,Bootstrap是兼容ie8的,但我实际使用的情况却并不如此。

下面是我使用radio的代码:

<link href="bootstrap.min.css" rel="stylesheet">
          <div class="btn-group" data-toggle="buttons">
            <label class="btn btn-default active" >
              <input type="radio" name="options" id="option1" autocomplete="off" checked>实时
            </label>
            <label class="btn btn-default">
              <input type="radio" name="options" id="option2" autocomplete="off">模拟
            </label>
          </div>

(你可以直接新建个txt,仅仅拷贝上述代码,改名为.html文件,旁边放上bootstrap.min.css文件或者用cdnhttp://cdn.bootcss.com/bootstrap/3.2.0/css/bootstrap.min.css,再用浏览器打开即可验证!)

chrome浏览器没有问题(样式我优化了,但不影响结论):

ie8浏览器却不行:

然后我试了firefox和360浏览器都没有问题。

官方原文是这么说的:(http://v3.bootcss.com/getting-started/,bootcss是官网getbootstrap的中文翻译网站)

被支持的浏览器

特别注意,我们坚决支持这些浏览器的最新版本。在 Windows 平台,我们支持 Internet Explorer 8-11。请看下面列出的详细信息。

  Chrome Firefox Internet Explorer Opera Safari
Android  支持  支持 N/A  不支持 N/A
iOS  支持 N/A  不支持  支持
Mac OS X  支持  支持  支持  支持
Windows  支持  支持  支持  支持  不支持

Bootstrap 在 Chromium 和 Linux 版 Chrome、Linux 版 Firefox 和 Internet Explorer 7 上的表现也是很不错的,虽然我们不对其进行官方支持。

浏览器 bug 列表中列出了影响 Bootstrap 正常功能的浏览器 bug。

Internet Explorer 8 和 9

Internet Explorer 8 和 9 是被支持的,然而,你要知道,很多 CSS3 属性和 HTML5 元素 -- 例如,圆角矩形和投影 -- 是肯定不被支持的。另外, Internet Explorer 8 需要 Respond.js 配合才能实现对媒体查询(media
query)的支持。

本文出处:ouyida3的csdn blog

2015.3.5

时间: 2024-10-10 18:30:46

bootstrap3.3.2在ie8中的radio问题的相关文章

在IE8中使用padding设置select控件文字垂直居中

在火狐.苹果.谷歌.欧鹏等主流浏览器中,select下拉表单的文字能够垂直居中,如图: 而在ie8中,select下拉表单的文字基本就是靠底部显示,如图: 那么,如何使得ie8下的select文字垂直居中呢? 答案就是设置select{padding:5px 0;},如图: 如果想使得select有一定的高度,可再设置其height即可. 最后给大家来点笑话吧,解解乏: 1.老师:“在我的课上不允许玩手机,实在不想听的人可以睡觉!” 小明:“可是老师,睡觉之前我想玩会儿手机……” 2.老师:“小

解决在IE8中无法使用原生JSON的问题

转自:http://www.iitshare.com/ie8-not-use-native-json.html 起因 在项目中要将页面上的js对象传给后台,想到可以用json转成字符串传递. 1 2 var obj = {"a":1 "b":2, "c":3}; var str = JSON.stringify(obj); 上述代码在firefox,chrome中测试都没问题,可是在ie8下确提示JSON Not Defined,google了一

如何在ie6/ie7/ie8中实现iframe背景透明

最近做了一个项目,涉及到ie8iframe背景透明的问题,做了老半天,才把它搞定的,现在把我的经历贴出来和大家分享: 众所周知的根据W3C CSS 2.1 规范规定,''''background-color'''' 特性的默认值为 ''''transparent'''',即透明:但是IE6/IE7/IE8中 BODY 元素的背景色不是 transparent,而是 #FFFFFF;也就是变成了白色的. 其实,有一点我们是要注意的,也是必须知道的,在iframe中这个背景是其本身,不是iframe

Android笔记(五):Android中的Radio

原文地址:http://irving-wei.iteye.com/blog/1076097 上篇介绍了CheckBox,这节,将接触到的是RadioGroup和RadioButton. 它们的关系是:一个RadioGroup对应多个RadioButton,而一个RadioGroup中的RadioButton只能同时有一个被选中,它的选中值就是该RadioGroup的选中值. 这一节的代码运行效果图如下所示: 具体的代码编写过程如下: 首先在strings.xml中添加本程序所要用到的字符串: X

datagrid中在IE8中错位问题

在IE8中这样写会产生错位的问题,把外层的table去掉就恢复正常

ie8中parseInt字符型数值转换数值型问题

今天在ie8中测试项目发现一个奇怪的问题,"08" "09" 强转竟然变成了: 后来发现ie8把"08" "09" 默认转成了八进制:所以问题就找到了, 默认:parseInt("09", 8)  ==>  0  //返回八进制 解决办法: 1.parseInt("09", 10)  ==>  9   //返回十进制 2.parseFloat("09")

文件上传按钮input[type=&quot;file&quot;]按钮美化时在IE8中的bug【兼容至IE8】

首先看一下完成后的效果,鼠标移入可改变为手指的效果. 在此就不加图标了 <label class="file-upload"> <span>上传附件</span> <input type="file" name=""> </label> 在IE8中需要将input透明后还不能完全达到效果,还需要将字体设大一些,撑开input,这是IE自带的兼容问题. .file-upload{ disp

JavaScript——数组的indexOf()方法在IE8中的兼容性问题

昨天在工作中遇到一个问题:数组的indexOf()方法在IE8中无效. 如以下代码在IE8中报错“对象不支持“indexOf”属性或方法”: var arr = [1,2,3]; var index = arr.indexOf(3); 解决方法1:在调用的indexOf方法前加上toString()将数组转换为字符串,再调用indexOf(),但是这时又发现3的index并不是我们预期的2,而是4,因为转换为字符串之后是"1,2,3",在查index的时候把逗号也算进去的了,显然这也不

Notifications:关于MVC模型中的&#39;radio station&#39;

转载请注明来源,谢谢——by Guava Notification 既iOS中的“通知”(广播站)机制可以用来监听系统.模型的变化. 接收端: 通过 [NSNotificationCenter defaultCenter] 获得一个共享实例,就用这个对象来接收广播. 收听广播的方法是,向对象发送消息: - (void)addObserver:(id)observer // you (the object to get notified) 收听广播的对象,对一般的controller来说是self