基本CSS質問：divの背景画像の高さを指定する方法は？

Question

私はdivの背景を完全にカバーしていない画像を持っています。 イメージの高さを指定してイメージを大きくすることはできますか？

transparent url(http://www.example.com/picture.jpg) height=?? 

Answer 1

背景画像を伸ばすことはできません。まあ、少なくともあなたは今日、クロスブラウザーを信頼できる形で行うことはできません。将来のCSSはIIRCをサポートする可能性が最も高いです。

あなたはイメージを伸ばすために、ブラウザを使用したい場合は<img>要素を使用する必要がありますが、これは推奨されません。

あなたがイメージを伸ばしたいと思っていない場合は、より多くの背景画像の一部が遮断され、その後、CSSプロパティの幅や高さの背景を持つ要素の高さを展開します。

Answer 2

divの高さのみを指定してください。そして、背景の

repeat

プロパティを使用します。

div内で画像を伸ばし、高さと幅を100％にする必要がある場合は、

Answer 3

背景が単色の場合は、repeat-yを使用できます。

Answer 4

背景画像を引き伸ばすことはできません。

絶対配置でimgタグを使用し、他の要素の後ろにz-インデックスを付けます。

Answer 5

CSS3はhttp://www.w3.org/TR/2002/WD-css3-background-20020802/#background-sizeでこれを行います。残念ながら、それをサポートしているブラウザはまだありません。あなたはimgをする必要があります。

iは繰り返したくないhttp://webdesign.about.com/od/css3/f/blfaqbgsize.htmとhttp://www.kyrnin.com/about/blfakebgstretchexample.htm