私はCSS
の初心者です。この質問のタイトルが私が知りたいと思っているかどうかはわかりません。私は作っているウェブサイトでこれを持っています:
この正方形のボックスには、商品のおすすめ画像が入っています。今度は画像が長方形で、それを正方形で表示したいと思います。ドレスが切れても、女の子の顔を見せなければならないのは大丈夫です。
私はこのイメージの中心点を左上に移動する方法は何ですか?追加情報が必要であることを明確にしていない場合は、私に尋ねてください。
これは、このイメージが中に配置されたdiv要素の名前です:私は、画像を背景画像として定義されているとしdivの画像を少し下に移動するには
答えて
:ここにコメントをもとに
.attachment-post-thumbnail
{
/*what to write here*/
}
このセクションのコードでありますその容器のために.attachment-post-thumbnail
。
背景画像のサイズは現時点ではcover
に設定されており、その位置は「中心の中心」(すなわち水平および垂直)に設定されている可能性があります。
background-size: cover
を使用することはできますが、.attachment-post-thumbnail
ルールにはbackground-position: center top;
を追加します。このルールでは、イメージの上部をそのコンテナの上部に合わせる必要があります。それでも問題が解決しない場合は、!important
(つまり.attachment-post-thumbnail { background-position: center top !important; }
)を追加して強制することができます。
はいこれはまさに私が探していたものですが、これはWordPressであり、カスタムCSSセクションの.attachment-post-thumbnailを上書きしています。したがって、wordpressは実際に300x300の画像を変換します。多分問題はtherです。どうもありがとうございました。 –
画像を300x300に変換することはありません。画像を圧縮/歪曲するので(画像全体を表示しても歪んでしまいます)それは私が記述した方法でそれらの位置を定めるだけです。 – Johannes
Ooo ...まあ、あなたの答えはうまくいかなかった:/ '.attachment-post-thumbnail { background-position:center top; } 'もし私が重要な行を追加すると、'重要なの使用 'という警告が表示されますが、まだ保存していますが動作していません。私はスクリーンショットでいくつかのコードを添付して、問題をよりよく理解するのに役立つかもしれません。 –
- 1. 説明の下に画像を移動
- 2. 勾配画像を下に移動
- 3. divの上端を下に移動すると、下に移動します
- 4. divで画像を上に移動するには?
- 5. XCode:画像の縦横比を変更し、画像の下にある要素を下に移動します。
- 6. このボタンdivが画像divの下に移動しないのはなぜですか?
- 7. divに画像を移動してテキストを折り返す
- 8. ページが上下にスクロールするときの画像の移動
- 9. cssで画面のdivを下に移動
- 10. divのテキスト入力を下に移動
- 11. Marketifyシングルポストのタイトルの下に特集画像を移動するには
- 12. 画像の上にマウスを移動し、別の画像は
- 13. 小さな画面でdivを下に移動
- 14. ズームした画像をdivに移動して別の部分を見る
- 15. 画像が横に整列されている場合、画像の下にテキストを移動します。
- 16. 移動divのアニメーション、以下
- 17. 画像を中心にしてdivの下にdivを配置します
- 18. 別の画面サイズで別のdivを下に移動する方法
- 19. コンテナdivの上を移動すると画像がスワップ
- 20. div内の矢印キーでjSで画像を移動する
- 21. CSS Foundationは左のdivを小さな画面の右のdivの下に移動します
- 22. Jqueryスライドパネルが隣接する画像を下に移動します
- 23. ラッパーdivが下に移動するのはなぜですか?
- 24. HTML5画像キャプション:画像が次の行に移動します
- 25. CSS divを他のdivの下に移動
- 26. テキストを下に移動して画像の下にキャプションを配置する方法
- 27. divの下に推移する下線を置く方法は?
- 28. トップdivをスタックの一番下に移動する方法
- 29. 一番下のdivを先頭に移動する方法
- 30. ボタンをdivの下に移動する方法
あなたが現在持っているスクリーンショットと問題を再現するコードを投稿してください。 –
画像はdivの背景として設定されていますか、div内の別の画像要素ですか? – Kurt
@Kurtそれは私が確信しているバックグラウンドイメージではありません –