Internet Explorer에 요소가 표시되지 않습니다.

Question

다른 브라우저와 마찬가지로 인터넷 탐색기 (8+)에 일부 요소가 표시되지 않습니다.

배너가 오페라, 사파리, 크롬하지만 인터넷 익스플로러 작동 실 거예요 작동 : 임은 다음과 같이 보이는 반응 3D 배너를 만들려고 노력.

IE 보여줍니다 다음은 사용하는 차이 메신저를 만드는 경우

.banner{ 
    position:relative; 
    height:80px; 
    background: #2859a6; 
    margin: 0 -40px; 
} 
.banner:before, .banner:after{ 
    content:''; 
    position:absolute; 
    bottom:-10px; 
    border-top:10px dotted #5C5C5B; 
} 
.banner:before{ 
    left:0; 
    border-left:25px solid transparent; 
} 
.banner:after{ 
    right:0; 
    border-right:25px solid transparent; 
} 

다음 CSS를 사용하여

<div class="banner"> 
      <div class="text-center"> 
       text here 
      </div> 
</div><!--/banner--> 

메신저 : 여기

내 코드입니다 내 머리글에 내 사이트가 IE의 이전 버전에서 작동 할 수있게 해줍니다.

<meta http-equiv="X-UA Compatible" content="IE=edge, chrome=1"> 

    <!-- Stylesheets --> 

    <link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.css"> 
    <script src="bootstrap/js/bootstrap.js"></script> 
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"> 
    <link rel="stylesheet" type="text/css" href="css/style.css"> 

    <!--[if lte IE 8]> 
    <script src="bootstrap/js/html5shiv.js"></script> 
    <script src="bootstrap/js/respond.min.js"></script> 
    <link rel="stylesheet" href="css/ie8.css"> 
    <![endif]--> 

Answer 1

세트 .banner:before, .banner:after에서 국경 탑 스타일을 고체로, border-top: 10px solid #5C5C5B;가.

Answer 2

테두리 설정에 문제가있는 것 같습니다. 이 시도 :

.banner:before, .banner:after { 
    content: ''; 
    position: absolute; 
    bottom: -10px; 
    border-style: solid; 
    border-width: 10px 0 0 0; 
    border-color: #5C5C5B transparent transparent transparent; 
} 

확인 IE8 +에서 : http://jsfiddle.net/9mwvavbe/1/