2013-09-06 3 views
1

다음과 같은 삼각형이 있습니다. 양식의 각 표 요소 뒤에 (마크 업에 대해 이야기하지 말고 .. CSS에만 액세스 할 수 있습니다. >.>) 및 IE9/IE10/Chrome/FF에서 제대로 작동합니다. 그러나, 내가 IE8에서 그것을 체크 할 때 삼각형 대신에 솔리드 사각형을 얻는다. 여기 CSS 트라이앵글을 사용하는 경우 : psuedo 요소가 IE8 대신 사각형으로 표시

는 CSS입니다 :

.wSectionTableCSS:after { 
content: ""; 
bottom: -38px; 
left: 17px; 
border-style: solid; 
border-width: 25px 0 0 20px; 
border-color: rgba(77, 77, 77, 0.13) transparent; 
width: 0; 
z-index: 1; 
    margin: 0 0 0 -20px !important; 
    position: relative; 
overflow: visible; 
display: inherit;} 

How it currently looks

What it should look like

당신이 (우리가 그것에있어 투명성) 삼각형 모양을 초래 할 수있는 어떤 생각을 가지고 있습니까?

+1

'국경 color'을 rgba'가 IE8에서 지원되지 않습니다'로 :

여기의 RGBA 알파 없이는 살 수 있다면

는 IE8에서 작동 CSS 삼각형의 몇 가지 예입니다. 이게 도움이 될지 모르겠지만 약속은 없어요.> http://kimili.com/journal/rgba-hsla-css-generator-for-internet-explorer/ – PlantTheIdea

+0

그 내용을 확인했는데 투명성을 적용하는 방법을 모르겠습니다. 배경색이 아닌 테두리 색상으로 필터링하십시오. – Inara

답변