3

したがって、私<h1>の には、個々のカスタム パターンの背景と、その前に個々の画像の箇条書きが必要です。問題は、両方の style-elements を background-images として適用できないことです (CSS3 で複数の bg-images を使用できると聞きましたが、今のところ、よりクロスブラウザー互換性のある方法を試してみたいと思います)。

html:

<div id="content">
<h1>Heading</h1>
<p>Paragraph</p>
</div>

CSS:

#content > h1 {
background: url("heading-bg.png") repeat; 
padding: 25px 0 25px 80px;
}

<h1>今、CSSの前に弾丸画像を取得するために、次のようなことを試みました:

#content > h1:before {background: url("bullet1.png") no-repeat left;}

の周りに別の div を追加<h1>して、その上にパターンを適用し、箇条書きを直接<h1>. しかし、私の望ましい効果を達成するための別のよりスマートな方法はありますか?

ありがとう！

4

1 に答える 1

2

はい、コンテンツが存在しない限り、前後は機能しません。

あなたもこのようにすることができます

#content h1:before{
  content:"";
  width:50px;
  height:50px;
  background:url('images/bullet.png');
}
于 2013-02-09T20:59:33.293 に答える