CSS3 повернуть альтернативу? - PullRequest
8 голосов
/ 01 мая 2010

Я использую правило CSS3 "rotate", чтобы вращать текст div. Вы можете увидеть страницу здесь: http://vitaminjdesign.com/v2/socialmedia.html. Я ищу кросс-браузерную поддержку для поворота div; однако это правило CSS3 не будет работать в IE. Есть ли опция jQuery или другое решение JavaScript, которое даст тот же результат с кросс-браузерной совместимостью?

Ответы [ 3 ]

11 голосов
/ 01 мая 2010

Используя Наждачную бумагу , вы можете использовать это правило CSS:

-sand-transform: rotate(90deg);

И это будет работать в любом браузере - даже в IE.

2 голосов
/ 29 марта 2012

Если вы хотите, чтобы CSS-вращения были совместимы со старыми версиями IE, есть filter progid:DXImageTransform.Microsoft.Matrix для этого, но он может быть применен только один раз, и при вычислении окончательной матрицы требуется много вычислений.

1 голос
/ 01 мая 2010

Я бы использовал Рафаэля и Куфона для такого рода вещей, хотя вы должны свернуть свое собственное завертывание слов при вращении, потому что вам придется использовать print Рафаэля вместо replace Куфона. Таким образом, шрифты являются векторами, а вращения обрабатываются чисто геометрическим способом.

Текущие проблемы с css-rotate выходят за рамки кросс-браузерной совместимости, хотя - в браузерах, которые его поддерживают, результаты часто выглядят как дерьмо. Ваш сайт в моем Firefox 3.6 выглядит как смешанная путаница на неровной основе. Я знаю, что вы задали конкретный вопрос, на который я сделал все возможное, чтобы ответить, но я советую вам не использовать библиотеки js для того, чего вы пытаетесь достичь, и просто использовать высокое качество изображения. Вы уже инвестировали пропускную способность в фоновое изображение «висящие метки», поэтому стоимость добавления текста к этому изображению минимальна, в то время как стоимость совершенно новых js-библиотек для правильного решения проблемы поворота текста для вас будет довольно высокой. Не самое передовое решение, я вам предоставлю ... но вот где мы сегодня.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...