到目前为止,这是我当前的代码:
http://jsfiddle.net/VsGMa/2/ 如您所见,选项卡的位置不正确。
这是运行良好的“水平”版本:
关于可能出了什么问题或如何正确对齐的任何想法?
transform-origin 现在是 0% 100% - 也尝试了一堆其他值,但没有运气。
到目前为止,这是我当前的代码:
http://jsfiddle.net/VsGMa/2/ 如您所见,选项卡的位置不正确。
这是运行良好的“水平”版本:
关于可能出了什么问题或如何正确对齐的任何想法?
transform-origin 现在是 0% 100% - 也尝试了一堆其他值,但没有运气。
试试这个,
<div class="slick-tab slick-tab-270 slick-tab-open" style="background-image: none; background-color: rgb(102, 255, 0); border: 3px solid rgb(0, 0, 0); padding: 0px ! important; -moz-transform-origin: 0% 100%; -moz-transform: rotate(270deg); text-align: center; height: auto; position: absolute; margin-left: -3px; width: 100px; margin-top: 68px;">
只是包含margin-top:68px;
在这个 div 中。
查看这个:http: //jsfiddle.net/VsGMa/3/
采用
transform-origin: 0 0;
transform: rotate(-90deg) translateX(-100%) translateY(-100%);
无论选项卡的大小如何,都可以使用。