Мобильный телефон JQuery повернуть на 90 ° по умолчанию и добавить в сетку

Question

Как я могу реализовать кнопку, которая по умолчанию повернута на 90 ° вправо или влево?Я не хочу, чтобы он включил клик, но он должен быть уже повернут, когда страница загружается?

Кроме того, как я могу расположить эту кнопку в вертикальном центре справа от сетки?

Нравитсяэто:

Спасибо, zY

Answer 1

DEMO FIDDLE

<div class="grid">
    <div class="block block_a">
        <div class="content"></div>
    </div>
    <div class="block block_a"></div>
    <div class="button"> button </div>   
</div>

---

var btn = $('.button');
btn.css('transform','rotate(90deg)'); 

исправление для IE будет заменой div на изображение или просто установкой отдельного css, играющего со стилями кнопок.

---

Как ОП спросил '... Аааа! пожалуйста ... сделайте так, чтобы это работало в IE!? ... ';) вот пример того, как это сделать:

ДЕМО ДЛЯ IE 8,7, (и хотите верьте, хотите нет) 6!

Просто добавьте к предыдущему коду - и измените в соответствии с вашими потребностями «px», чтобы лучше позиционировать DIV

if($.browser.msie && $.browser.version<="8.0"){
    btn.css({
        filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=1)',
        top:'100px',
        left: '184px'   
    });   
}

ТОЛЬКО ОДНА ВЕЩЬ ... (грустно, но верно)

Фильтр IE DX допускает только 4 этапа вращения (1,2,3,4), поэтому вы не сможете повернуть элемент на причудливое положение, например 37 °, или:

Answer 2

Я не уверен, что получу то, что вам нужно, на 100%, но мое первое предположение - просто использовать свойство CSS writing-mode ('lr-tb' в вашем случае).

См .: http://www.w3.org/TR/2001/WD-css3-text-20010517/#PrimaryTextAdvanceDirection