CSS兼容中如何进行IE6中背景图片设置

这篇文章将为大家详细讲解有关CSS兼容中如何进行IE6中背景图片设置，文章内容质量较高，因此小编分享给大家做个参考，希望大家阅读完这篇文章后对相关知识有一定的了解。

CSS兼容：一个IE6在no-repeat情况下依然重复背景图片的BUG

背景图片的设置是CSS布局时常用的一种属性，应用background的url，引入背景图片，可以设置为不重复平铺，如下面的代码：

background:url(https://cache.yisu.com/upload/information/20210521/366/487226.png)no-repeat;

◆在大多数情况下，此设置不会有任何问题。背景图片按设置的形式呈现，不会平铺于容器，无论容器是何宽度与高度。但在IE6下，有一种情况，如果未定义宽高，则会产生即使定义了no-repeat，背景图片依然重复的BUG。

以IE6中运行下面的代码：

SourceCodetoRun

      #bigbox{background:url(https://cache.yisu.com/upload/information/20210521/366/487226.png)no-repeat;}  #smallbox{height:75px;}/*撑开bigbox*/  #marginbox{margin-top:-20px;}/*向上margin的box*/