CSS3 поворачивают альтернативу?
Я использую правило CSS3, "вращаются" для вращения a div содержа текст. Вы видите страницу здесь: http://vitaminjdesign.com/v2/socialmedia.html. Я ищу перекрестную поддержку браузера для вращения div; однако, это правило CSS3 не будет работать над IE. Существует ли опция jQuery или другое решение JavaScript, которое приведет к тому же результату с перекрестной совместимостью браузера?
2 ответа
Используя наждачную бумагу , вы можете использовать это правило CSS:
-sand-transform: rotate(90deg);
И оно будет работать в любом браузере - даже в IE.
Я бы использовал Raphael и Cufon для таких вещей, хотя вам придется делать собственную обертку слов при повороте, потому что вам придется использовать print Raphael вместо replace Cufon. Таким образом, шрифты являются векторами, а повороты обрабатываются чисто геометрически.
Текущие проблемы с css-rotate выходят за рамки кросс-браузерной совместимости, хотя - в тех браузерах, которые поддерживают его, результаты часто выглядят как дерьмо. Ваш сайт в моем Firefox 3.6 выглядит как мешанина из алиасов на неровных базовых линиях. Я знаю, что вы задали конкретный вопрос, на который я постарался ответить, но мой вам совет - отказаться от накладных расходов на js-библиотеки для того, чего вы пытаетесь достичь, и просто использовать высококачественное изображение. Вы уже вложили полосу пропускания в фоновое изображение с "висячими тегами", поэтому стоимость добавления текста на это изображение минимальна, в то время как стоимость целых новых js-библиотек для правильной обработки вопроса поворота текста для вас будет довольно высокой. Не самое передовое решение, соглашусь... но на этом мы остановились.