【发布时间】：2012-03-02 17:17:04
【问题描述】：
我已将以下 CSS 应用于输入按钮：
background: url(../images/bttn-border-left.png) left no-repeat,
url(../images/bttn-border-right.png) right no-repeat,
url(../images/bttn-bg.png) center repeat-x;
我的理解是 IE8 和更早的版本不支持这个。所以我的问题是，会发生什么？它会只显示第一个背景吗？只有最后一个？他们都没有？ （我会检查自己，但 Windows 7 不允许。）
【问题讨论】：
-
Windows 7 没有发言权，为什么不帮你？
-
它说 7 和 8 不兼容。
-
如果您使用的是IE9，只需使用开发者工具（键盘上的F12）将浏览器模式设置为其他IE版本即可。或者您可以下载 IE 测试器，它可以帮助您在 IE4 到 IE10 上测试您的页面
-
太棒了。感谢 Mathachew 和 Ibu。
（对于任何寻找答案的人，IE 7 和 8 将忽略该规则中列出的所有背景；解决方案是这样做：'background:url(../images /bttn-bg.png) 重复-x；背景：url(../images/bttn-border-left.png) 左不重复，url(../images/bttn-border-right.png) 右不-repeat, url(../images/bttn-bg.png) 中心重复-x;' -
根据 CSS 规则，如果 CSS 规则（或选择器）未知，则将跳过整个内容。在 IE8 或更少的背景中使用多个 URL 将使浏览器抓狂，耸耸肩并继续前进，跳过整个“背景：”规则，并忽略该规则中的所有图像。如果您想制作某种默认图像，您可以声明 2 个背景规则。一个使用默认图像，第二个使用多个图像覆盖“默认”。
标签： css internet-explorer backwards-compatibility