2012-07-12 2 views
0

저는 90도 및 270도에서 텍스트를 수직으로 쓰려고하는 예제를 작성 중입니다. 그것은 FF에서 동작하는 것 같지만 전혀 IE에 표시되지 않습니다 JSFiddlleCSS를 사용하여 270deg에서 270ºg로 텍스트 쓰기

에서

예.

운이없는 특정 속성을 변경하려고했습니다.

누군가가이 문제를 해결하여 모든 브라우저에서 작동하도록 도와 주시면 감사하겠습니다.

감사합니다.

답변

0

난 내가 jQuery를 함께 수행 한 방법은 훨씬 더 생각하고 주위 얻을하는 데 도움이 브라우저 문제는 내가 다른 예를 직면로

체크 아웃 http://jsfiddle.net/RwEme/1865/

나는 이것이 내 exampl에 가장 적합 생각 e &은 IE에서도 잘 동작합니다. 나는 DIV에서 텍스트를 작성하고 jQuery를 함께 회전하는 플러그입니다.

내가 실제로 같은 기사를 다음입니다

1

을 자사의 웹킷을 사용하기 때문에, MOZ 및 오 CSS3 속성을 회전합니다. IE는이 CSS 속성 중 어느 것도 지원하지 않습니다.

+0

작업의 모든 종류 이하 IE 8 & 문제를 가지고 주위가 건너 작동하도록 브라우저 – Learning

+0

IE 9 이상이 -ms- 접두어를 지원한다고 생각합니다 ... – DexTer

+1

IE를 감지하고 경고 팝업창을 표시하고 사용자에게 최신 브라우저로 업그레이드하라는 메시지를 전합니다.이 체크 아웃은 실패합니다. http : // www.aquim.com/web-article-226.html –

1

매우 이상합니다. 그러나 CSS에서 Helvetica을 제거하면 모두 정상적으로 작동하는 것 같습니다. 회전을 제거 할 때 텍스트가 표시됩니까?

또한 height: -150px이 문제의 원인 일 수 있습니다. 대신 여백을 사용해보십시오.

당신은 현대 IE에 대한

-ms-transform: rotate(270deg); 

을 추가 할 수 있습니다. 이 문서에서

The demo 나를 위해 IE9에서 잘 작동 : css-tricks.com/sideways-headers

이 하나가 좋은 너무 : css-tricks.com/snippets/css/text-rotation

관련 문제