href链接不工作在ie 8

问题描述：

我只是无法弄清楚这一点。下面的链接在除IE8以外的每个浏览器中都工作得很好。如果您单击IE8中的元素，该按钮将消失。如果再次点击，它会再次出现。但没有任何点击会实际引导您到达href位置。有人可以向我解释为什么可能是这样吗？我用尽了所有的想法，但仍然无法正常工作。非常感谢您的所有想法！href链接不工作在ie 8

的HTML ...

<div style="padding:0px 0px 30px 0px; clear: both;"> 
<div style="width: 50%; display: block; float: left;"> 
    <a href="../index/features" class="big_button">Learn More</a> 
</div> 
<div style="width: 50%; display: block; float: left;"> 
    <a href="../index/signup" class="big_button">Get Started</a> 
</div> 
</div>

...和...样式

.big_button { 
-moz-box-shadow: inset 0px 1px 0px 0px #bbdaf7; 
-webkit-box-shadow: inset 0px 1px 0px 0px #bbdaf7; 
box-shadow: inset 0px 1px 0px 0px #bbdaf7; 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #79bbff 
    ), color-stop(1, #378de5)); 
background: -moz-linear-gradient(center top, #79bbff 5%, #378de5 100%); 
filter: progid : DXImageTransform.Microsoft.gradient (   
     startColorstr = '#79bbff', endColorstr = '#378de5'); 
background-color: #79bbff; 
-moz-border-radius: 6px; 
-webkit-border-radius: 6px; 
border-radius: 6px; 
border: 1px solid #84bbf3; 
display: inline-block; 
color: #ffffff; 
font-family: Arial; 
font-size: 18px; 
font-weight: bold; 
padding: 15px 45px; 
text-decoration: none; 
margin-left: 130px; 
} 

.big_button:hover { 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff)); 
background: -moz-linear-gradient(center top, #378de5 5%, #79bbff 100%); 
filter: progid : DXImageTransform.Microsoft.gradient (startColorstr = '#378de5', endColorstr = '#79bbff'); 
background-color: #378de5; 
} 

.big_button:active { 
position: relative; 
top: 1px; 
}

盒阴影与旧版本IE的问题。试试这个可能的解决方案：http://www.useragentman.com/blog/2011/08/24/how-to-simulate-css3-box-shadow-in-ie7-8-without-javascript/ – 2012-07-28 13:38:27

有趣的，我不知道。不幸的是，即使我删除了CSS中所有对box阴影的引用，该链接仍然无法工作。 – DrNoFruit 2012-07-28 13:45:54

答

我想通了。 IE8似乎有一个问题：活跃在CSS。所以样式表的以下部分是造成问题：

.big_button:active { 
    position: relative; 
    top: 1px; 
}

目前的解决办法是排除：的CSS的“活动”一部分的按钮，因为它不是必需的。如果有人有任何进一步的信息，为什么IE8有问题：积极，我会有兴趣知道这件事。

答

它，因为“过滤器：”的一部分，在你的CSS，删除它，然后它会工作...

href链接不工作在ie 8

相关推荐