css - IE9 DIV 背景图片不调整大小

Question

我发现下面的 CSS 指令不会调整 IE9 中显示的 DIV 背景图像的大小。你有什么主意吗？

HTML:

<DIV id=window20 class="window smallWindow">
    <STRONG>abcde</STRONG>
    <BR /><BR />
</DIV>

CSS:

.window {
    Z-INDEX: 20;
    BORDER-BOTTOM: #346789 2px dotted;
    POSITION: absolute;
    BORDER-LEFT: #346789 2px dotted;
    PADDING-BOTTOM: 0.5em;
    PADDING-LEFT: 0.5em;
    WIDTH: 14em;
    PADDING-RIGHT: 0.5em;
    FONT-FAMILY: helvetica;
    HEIGHT: 4em;
    COLOR: white;
    FONT-SIZE: 1.0em;
    BORDER-TOP: #346789 2px dotted;
    BORDER-RIGHT: #346789 2px dotted;
    PADDING-TOP: 0.5em;
    border-radius: 0.6em;
    -moz-border-radius: 0.6em
}
.smallWindow1 {
    BACKGROUND-COLOR: #558822
}
#window20 {
    TOP: 10em;
    LEFT: 8em;
    WIDTH: 8em;
    HEIGHT: 4em;
    background-image :url(../image/interface_system.png);
    background-repeat: no-repeat;
    background-size: auto;
    background-origin: content-box;
}

Answer 1

试试这个

CSS

#window20 {
    TOP: 10em;
    LEFT: 8em;
    WIDTH: 8em;
    HEIGHT: 4em;
    background-image :url(../image/interface_system.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-origin: content-box;
}