Question

我已经到处找了解这个问题，但我似乎无法找到它！

我已经使用Twitter Bootstrap的警报类制作了我自己的旧浏览器警报，警报下的内容上有黑色覆盖，它看起来很棒，但我希望警报中的超链接能够吸引用户关闭到http://browsehappy.com/然后他们可以更新他们的浏览器。但超链接在IE中没有做任何事情 - 它可以在其他所有内容中工作（甚至是IE7！）但是在IE8中它只显示蓝色并且不能点击。

我已经在其中创建了一个带有条件评论的JSFiddle，这样你就可以看到我在做什么了：

http://jsfiddle.net/X3tKs/2/

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap-theme.min.css">
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<div id="black" style="width:100%;height:100%;background-color:black;opacity:0.8;filter:alpha(opacity=80);position:absolute;top:52px;z-index:3000;"></div>
<div class="alert alert-danger">
    Yikes! You're using an old browser! This page might not work the way it should. <a href="http://browsehappy.com" target="_blank">Time to update!</a>
</div>

任何帮助都将受到青睐！

更新事实证明，使用在线浏览器模拟器只是我的错！感谢@joshhunt对此的评论 - 我发送链接给我的朋友，他有一台Windows电脑，他们确认它正在工作，实际上是Browserstack没有正常工作。我试着把所有东西都拿出来 - 引导造型，黑色div（感谢@OJay）它仍然没有用，所以我觉得它不可能是我的代码。是时候投资旧的Windows笔记本电脑进行测试了！：）

Answer 1

HTML

<div class="alert alert-danger">
    Yikes! You're using an old browser! This page might not work the way it should. <a href="http://browsehappy.com" id="update_link" target="_blank">Time to update!</a>
</div>

的jQuery

$("#update_link").click(function(){
    var url = "http://browsehappy.com";
    window.open(url, '_blank');
});

CSS

#update_link{
    cursor:pointer;
}

超链接无法在IE8中使用Twitter Bootstrap

1 个答案:

HTML

的jQuery

CSS