程序员人生 网站导航

bootstrap3.3.2在ie8中的radio问题

栏目:htmlcss时间:2015-03-12 09:15:31

根据官方文档,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⑴1。请看下面列出的详细信息。

  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



------分隔线----------------------------
------分隔线----------------------------

最新技术推荐