0

我发现以下 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;
}
4

2 回答 2

0

尝试这个

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;
}
于 2013-08-13T08:45:25.237 回答
0

IE9确实支持background-size，但你的例子中的问题是你有background-size: auto，这意味着不拉伸背景！（如果您不指定属性，这是默认设置。）

解决方案：根据您的需要使用100% 100%orcover或。 请参阅https://developer.mozilla.org/en-US/docs/Web/CSS/background-sizecontain

我会做一个小提琴，但我没有你的背景图片，此外，你的例子中的 div 没有移动，所以它不会很有说明性。

于 2013-08-13T08:45:42.927 回答