href 링크가 작동하지 않습니다. 8

Question

저는 이것을 이해할 수 없습니다. 아래 링크는 IE8을 제외한 모든 브라우저에서 정상적으로 작동합니다. IE8에서 요소를 클릭하면 단추가 사라집니다. 다시 클릭하면 다시 나타납니다. 그러나 클릭의 양이 실제로 당신을 href 위치로 안내 할 것입니다. 아무도 내게 왜 그런지 설명 할 수 있니? 나는 모든 생각을 다 써 버렸고 여전히 효과가 없습니다. 당신의 모든 생각에 대해 많은 감사드립니다!

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; 
} 

Answer 1

난 그냥 알아 냈어. IE8에 문제가있는 것 같습니다 : active in css. 그래서 스타일 시트의 다음 섹션에서는 문제를 일으키는 : 그것은 필수적 아니에요으로 버튼의 CSS의 '활동'부분

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

현재 수정이를 제외하는 것입니다. IE8에 문제가있는 이유에 대한 자세한 정보가있는 사람이 있으면 : 적극적으로 알고 싶습니다. '필터'의 때문에

Answer 2

그것의 당신의 CSS에 참여, 제거, 다음이 작동합니다 ...