Html IE和Google Chrome中的背景尺寸问题

我在Chrome上使用背景大小，发现它是CSS3，旧版本的IE不支持它。因此我浏览了一些帖子，有人建议使用此过滤器：

progid:DXImageTransform.Microsoft.AlphaImageLoader

HTML:

4

CSS:

.num\u蓝色\u小
{
过滤器：progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='/images/num_blue_small.png'，
定尺寸方法（='scale'）；
-ms过滤器：“progid:DXImageTransform.Microsoft.AlphaImageLoader（src='/images/num_blue_small.png'，sizingMethod='scale'）”；
}
小的
{
显示：内联块；
高度：35px；
宽度：35px；
文本对齐：居中；
垂直对齐：中间对齐；
线高：35px；
}
.numberText
{
颜色：白色；
}

通过实现“过滤器”，它可以在IE7中完美工作；然而，它在谷歌浏览器中变得不可见

如果我包括

background:url（/images/num\u blue\u ssc.png）不重复

在

.num\u blue\u small

CSS类中，它在Chrome中可以正常工作，但IE 7将显示两个大小不同的相同图像

---

我该怎么做才能把它修好呢？

你可以试试背景大小的多边形填充

路易·雷米的

逐步增强是我的信条。意思是“玩得开心” 使用CSS3，不用担心IE8用户；他们永远不会注意到 他们错过了你华丽的文字阴影和渐变， 无论如何”

一切都很好，直到我发现背景尺寸的优雅： 掩护；和背景大小：contain；。比如第一个,， 允许图像完全覆盖背景，而无需 沿管道发送1920x1080背景图像

不幸的是，它们并没有优雅地降级：网站很可能会降级 对IE8用户来说似乎是坏的

它们提供了以下特点：

• 背景图像的正确位置和大小
• 更新浏览器上的位置和大小调整大小
• 修改背景图像时更新的图像、位置和大小

但它们似乎有一些局限性：

• 多个背景（尽管仍可以使用：after技巧）
• 背景位置的4值语法
• 背景重复中的任何重复值
• 背景的非默认值-[剪辑/原点/附件/滚动]
• 当元素的尺寸更改时调整背景大小

---

它也适用于移动网页吗？对不起，我不知道，但我只知道polifill，而且似乎也是唯一适合的。这是对背景大小的本机支持ok。稍后我会看一看。我临时做的是调整图像的实际大小，这样我就不需要在css/js中缩放它