0

我有一个以百分比宽度设置的左侧管理面板。问题是我有一个重复的背景，当我使用 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%;
}

请帮忙。

4

3 回答 3

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/

于 2013-09-11T05:06:53.663 回答
0

尝试这个

背景大小：包含；

于 2014-02-04T19:44:31.787 回答
-1 
background-size: cover;

尝试这个。

于 2013-09-11T05:39:49.103 回答