3

基本的な形式でここにあるように、サイドタグを作成しようとしています。http://www.firstforturf.co.uk/quotation.php

画像を入れるだけでなく、CSSを使用してできるだけ多くのことをしようとしていますが、問題が発生しました.

サイド DIV を回転すると、ページのサイドから移動します。マージンを 0 に設定しようとしましたが、機能していないようです。

役立つ場合は、サイドタグの CSS ルールを次に示します。

    color: #FFF;
    height: 50px;
    width: 200px;
    position: fixed;
    background-color: rgb(0,102,204);
    font-size: 32px;
    line-height: 50px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    text-align: center;
    top: 50%;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    writing-mode: tb-rl;

誰かが助けることができれば素晴らしい。乾杯。

4

3 に答える 3

3

使用transform-origin:

-moz-transform-origin: 20px;
-ms-transform-origin: 20px;
-o-transform-origin: 20px;
-webkit-transform-origin: 20px;
transform-origin: 20px;
于 2012-07-25T09:14:52.167 に答える
1

-webkit-transform-originを見てください。要素が固定されているため、それに応じて変換の原点を修正する必要がある場合があります。

于 2012-07-25T09:08:31.217 に答える
1

使用できますtransform-orign：

transform: rotate(45deg);
transform-origin:20% 40%;
-ms-transform: rotate(45deg); /* IE 9 */
-ms-transform-origin:20% 40%; /* IE 9 */
-webkit-transform: rotate(45deg); /* Safari and Chrome */
-webkit-transform-origin:20% 40%; /* Safari and Chrome */
-moz-transform: rotate(45deg); /* Firefox */
-moz-transform-origin:20% 40%; /* Firefox */
-o-transform: rotate(45deg); /* Opera */
-o-transform-origin:20% 40%; /* Opera */

このリンクを試してください

于 2012-07-25T09:17:26.160 に答える