Question

我正在尝试在表格单元格上设置背景图像以“包含”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>

Answer 1

<强>包含

此关键字指定应将背景图像缩放到尽可能大，同时确保其尺寸小于或等于背景定位区域的相应尺寸。

cover属性可能是您正在寻找的 - 它将确保整个图像可见，基本上裁剪它，如果它比可用空间更宽或更高：

<强>盖

此关键字指定应将背景图像缩放到尽可能小，同时确保其尺寸大于或等于背景定位区域的相应尺寸。

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

试图将表背景图像设置为'包含'

1 个答案: