css - 背景大小在 Chrome 中无法正常工作

Question

我有一个左侧管理面板，它以百分比宽度设置。问题是我有一个重复的背景，当我使用 background-size 将背景图像塞入基于百分比的宽度大小时，图像就在 chrome 中消失了。在 Firefox 中它工作正常。但是当我使用 ctrl - 缩小显示时，图像出现了。左侧面板的 css 是:

.adminmenuback {
    width: 30%;
    background: url(../images/leftpanel_bg.png) left top repeat-y;
    background-size: 100%;
    color: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    height: 100%;
}

请帮忙。

Answer 1

背景大小可以使用 100% 100%。

.adminmenuback {
    width: 30%;
    background: url(../images/leftpanel_bg.png) left top;
    background-size: 100% 100%;
    color: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    height: 100%;
}

http://jsfiddle.net/aEJRB/