CSS 화살표 아이콘 테두리가 다른 브라우저에서 다르게 렌더링됩니다.

Question

css triangles method으로 화살표 아이콘을 작성하려고합니다.

나는 크롬 V14이 하나 내장 - OSX, 그리고 그것을 잘 작동합니다 :

http://jsfiddle.net/olegmil/2cXZw/21/

그러나 다른 브라우저에서 매우 다른 모습 :

이것에 대한 의견이 있으십니까? 모른 채

Answer 1

는

그냥 조건부 스타일 시트를 구글이나 this link

Answer 2

당신은 투명 속성을 이용해야 방문 대신 명시 적으로 설정, 즉 그것이 우연히 내가 만약이 조건 스타일보고에서 짐작 것 브라우저를 배경색. 이것은 몇 가지 문제를 일으키는 배경으로 작은 블록을 채우려고하기 때문에 발생합니다. 모든 필요한 변경을 가지고 더 나은 모든 브라우저에서 표시해야 http://jsfiddle.net/JXXZa/

:

나는 당신의 바이올린을 갈래했습니다.