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 回答