Question

我正在使用Twitter Bootstrap和HTML5 Doctype构建网站..

目前，该网站在除IE8之外的所有浏览器上都运行正常。主要是锚标签不起作用。我已经尝试从页面中删除所有的JavaScript，但这些锚标签仍然无法正常工作。奇怪的是页面上有一些链接可以工作..但它们是由jquery驱动的。请参阅下面的脚本。有没有人对我的主播标签在IE8中工作的原因有什么建议或建议？或者如何解决这个问题？

//Side Navigation Scroll To Animation
$('#navigation li a').click(function(e){
    var sectionClicked = $(this).attr('id')
    ,lastIndex = sectionClicked.length
    ,navID = sectionClicked.slice(4,lastIndex);
    $('html, body').animate({
        scrollTop:$('.container-narrow .' + navID).offset().top
    }, 1500);
    $('#navigation li').removeClass('active');
    $(this).parent().addClass('active');

    if (!$.browser.msie && $.browser.version == 8.0){
        window.history.pushState('glam-section', 'updateURL', "/#" + navID);
    }
    e.preventDefault();
});

所以我删除了twitter bootstrap.min.js和bootstrap.css，链接再次运行。现在有人如何解决这个问题，同时保留IE8的引导程序？

感谢您的帮助！

Answer 1

只需将其添加到<head>

即可

<!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
  <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->

参考http://getbootstrap.com/getting-started/#template

Answer 2

感谢大家的帮助！这个css是导致所有锚点在页面上中断的问题：

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://s3.amazonaws.com/com.offerpop.datastore/438279/SH1YGf.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://s3.amazonaws.com/com.offerpop.datastore/438279/SH1YGf.jpg', sizingMethod='scale')";

锚标签在IE8中不起作用

2 个答案: