1

before: と after: の div シェイプを持っているので、十字形 (Rotated) のように見えます。しかし、今私の問題は、背景も論理的に回転していることです。背景画像が回転せず、画像がdivのサイズであることを望みます。

背景を追加した場所に変換回転を追加しようとしましたが、回転しませんでした。また、サイズを調整するために background-size を試しましたが、うまくいきませんでした。

ここに私の jsbin があります: http://jsbin.com/iYogaCE/29/edit

前もって感謝します！

ニック

4

2 に答える 2

1

添付されている要素とは関係なく、CSS 背景を回転させることはできません。

これを行う唯一の方法は、回転したコンテンツを既存の要素内の追加要素に入れ、内側の要素のみを回転させることです。

例えば：

<div>                 <-- background applied to this element
    <div>....</div>   <-- but this one is rotated
</div>

これで、背景内のコンテンツが回転している間、背景は静的なままになります。

追加のマークアップを作成できない場合でも、CSS:beforeセレクターを使用してメイン要素の背後に追加の疑似要素を作成することにより、HTML を変更せずにこれを実現できます。メイン要素の代わりに背景を適用します。その後は、上で説明した追加のマークアップと似ています。

それが役立つことを願っています。

于 2013-09-24T14:00:04.863 に答える