背景画像だけをはみ出して表示させたい。

質問

CSSについて質問です。
よろしくお願いします。

CSSで背景画像だけをはみ出して表示させたいのですが、
やり方がわかりません。

例えば、exampleというIDをつけている要素があって、
中のテキストははみ出さずに背景画像だけをはみ出して表示させたいです。

===CSS===
#example{
background-image:url(images/backimage.gif);
background-repeat:no-repeat;
}

===HTML===
<div id="example">背景だけはみ出したい！！</div>

overflowを使うと中のテキストがはみ出してしまいますが、
何かいい方法はありませんでしょうか。

具体的には横幅180pxのサイドバーに182pxの背景画像を付けて
枠を作ろうとしています。

ご教示の程よろしくお願い申し上げます。

回答No.2

OKWavex · ベストアンサー

背景画像の範囲の要素の中により狭い別要素を定義してテキストを入れればいい

お礼

勉強になりました。ありがとうございます。

回答No.1

ONEONE

何に対してどのようにはみ出したいのかわかりませんが、widthを180pxに設定すればいいんじゃないでしょうか。

お礼

回答ありがとうございます。
widthを180pxにするのも検討してみます。