0

次のように、見出しのあるdivの背景を切り取る必要があります。

単色の背景では簡単に実現できますが（要素をインラインブロックに設定し、メインのbgカラーと同じ色を使用することで）、背景が画像の場合は実際には機能しません。

2番目の例で同じ効果を達成することは可能ですか？

4

2 に答える 2

0

おそらく最善の解決策ではありませんが、次のようなことができます。

これに似たHTMLマークアップを想定します。

<div id='outer'>
  <div id='heading'>
    <span id='date'>May 20th, 2012</span>
    ...
  </div>
</div>

の背景がouter画像で、の背景がheading点線の場合background-image、spanのをと同じouterに設定し、background-positionその画像を要素と同じ量だけオフセットするように設定すると、整列します。他の背景で。

于 2012-05-25T14:29:30.427 に答える
0

CSS3ソリューションはhttp://dabblet.com/gist/2788465になります-最小限のマークアップとスタイルを使用します。

IE9でも機能する別のソリューションhttp://dabblet.com/gist/2788690

そして、IE7とIE8でも動作するもう1つhttp://jsfiddle.net/thebabydino/Njtzb/

于 2012-05-25T14:38:38.597 に答える