CSS3背景カスタマイズは強力なツールですが、私のために1つの機能が欠けています。私はいくつかの方法でバックグラウンド位置を設定することができますが、それらのいくつかの組み合わせが必要です。たとえば、動的にサイズ変更されたdivがあり、右の境界線から15pxの右中心の画像が必要です。私はこれを処理する方法を見つけることができません。 私は2つの修正を使用することができますが、どれも優雅ではありません。
1.ピクスの右側に15ピクセルの空白を残します。
2.私はこれを使用します:バックグラウンド位置:97%50%
しかし、2番目のケースでは、divのサイズを変更すると、計算された右マージンが正しくありません。 または、bg-imageの代わりに標準イメージを使用しますが、これを回避しようとしています。
だから、解決策はありますか?
ありがとうございます!CSSの背景位置の組み合わせタイプ
1
A
答えて
2
CSS3は、それを可能にするためにbackground-position
を拡張します。たとえば、次の操作を実行できます。
background-position: right 15px bottom 15px;
残念ながら、Operaは現在のところこれをサポートしています。
しかし、あなたがそれを必要とする一般的な理由は、15pxのパディングがあることです。その場合は、次のようにしてください:
background-origin: content-box;
background-position: right bottom;
すべてのCSS3ブラウザでサポートされています。
+0
これは絶対に私が探しているものです!大文字と小文字は、説明した通りです。パディングでは、画像が境界線から移動します。ありがとう! – marcias
関連する問題
- 1. CSSスプライトフルページ背景:背景位置
- 2. CSSの背景イメージの位置
- 3. CSS画像の背景の位置
- 4. CSS - 背景イメージの位置付け
- 5. CSS blogspot背景の位置付けヘルプ
- 6. CSS複数の背景位置決め
- 7. CSSメディアクエリの組み合わせ
- 8. CSSリソース - リテラルとランタイム置換の組み合わせ
- 9. ハスケルの組み合わせと置換
- 10. 位置を合わせる:relative divs(CSS)
- 11. CSSスプライトの背景位置が正しくありません
- 12. データウェアハウス:冗長な組み合わせの組み合わせ
- 13. 背景色と画像フィルタの組み合わせをsvgパスに適用
- 14. 背景位置IE9
- 15. css背景画像の配置(負の位置?)
- 16. jqueryは複数の背景でCSSの背景位置を変更する
- 17. HTML選択ボックス:IEで背景画像と背景色を組み合わせる
- 18. ロックの組み合わせ
- 19. ワイアードの組み合わせ
- 20. HTMLの\のCSS:背景画像の位置
- 21. OnRenderと背景の重ね合わせ
- 22. CSS:背景位置の異なるコーナーオフセットでの問題
- 23. タイプと不透明な指示文の組み合わせ
- 24. 同じ入力タイプの選択式を組み合わせる
- 25. クロムの背景が変わる画像の位置
- 26. CSSの単語区切りとテキストオーバーフローの組み合わせ
- 27. CSSヘルプ - IEの位置合わせがずれています
- 28. 組み合わせ質問
- 29. 組み合わせmysql mongodb
- 30. 組み合わせ条件
右に行くにはdivのテキストが必要ですか?それとも、右から15pxでもかまいませんか? – Alex
div内のテキストが左に揃えられます。そして、もちろん、テキストはimgを越えることができないので、右パディングを置く必要があります。 – marcias
"そして、もちろんテキストはimgを通過できません。" XDに 'background-image'が使われているのとはかなり反対になります。イメージを上にテキストがない物理的なエンティティにしたい場合は、imgタグを使用して行くでしょう。私はあなたのためにその性質を一緒に置くことができます。 – Alex