1

次のシナリオを見てください。

ここに画像の説明を入力してください

通常、背景画像を含め、これを「右中央」に設定します。とにかくこれを持っているが、要素が未知の幅を持っているスプライト（複数の異なる画像を含む）から吹き出しが来ているのですか？

：after疑似要素の使用を検討していましたが、IE7サポートを提供する必要があります。

余分なHTMLマークアップを避けたかったので、CSSのみのシナリオが存在するかどうか知りたいです。

誰かこれについて何か考えがありますか？

ありがとう

4

1 に答える 1

2

:before や :after などの css 疑似要素を使用できます。疑似要素のサイズを変更して、必要な場所に配置するだけです。content プロパティは重要です。それ以外の場合は表示されません。

#divid:after {
  width: 10px;
  height: 10px;
  margin: -10px 0 0 -10px;
  position: absolute;
  background: url('sprite.png') -20px -15px no-repeat;
  content: ' ';
}
于 2012-05-21T15:52:58.410 に答える