0

テーブルセルに背景画像を設定して、png画像を「含む」ようにしています。画像の幅は約 1400 ピクセルです。画像のほんの一部を表示しています。比率に合わせてサイズを変更すると思いました。IE9を使用。お知らせ下さい。 

<head>
<style>
.yes
{
 background-image: url(fullfamily.png);
 background-attachment: fixed;
 background-repeat: no-repeat;
 background-size: contain;
 -moz-background-size: contain;

 /* these two don't work */
 -webkit-background-size: contain;
 -o-background-size: contain;
  }
  </style>
  </head>

 <body><table width="500" height="500" ><tr><td class="yes"></td></tr></table>
 </body>
4

1 に答える 1

0

含む

このキーワードは、背景画像の両方の寸法が背景配置領域の対応する寸法以下であることを保証しながら、背景画像をできるだけ大きくスケーリングする必要があることを指定します。

プロパティはcoverあなたが探しているものかもしれません - 画像全体が表示され、使用可能なスペースよりも幅が広いか高さが高い場合は基本的にトリミングされます。

カバー

このキーワードは、背景画像の両方の寸法が対応する背景配置領域の寸法以上であることを確認しながら、背景画像をできるだけ小さくスケーリングする必要があることを指定します。

https://developer.mozilla.org/en-US/docs/CSS/background-size

于 2012-11-08T02:25:00.260 に答える