Question

我有一个左侧管理面板，以百分比宽度设置。问题是我有一个重复的背景，当我使用背景大小将背景图像折叠到基于百分比的宽度的大小时，图像只是在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/

Answer 2

试试这个

背景尺寸：含有

Answer 3

background-size: cover;

试试这个。

背景大小在chrome中无法正常工作

3 个答案: