我更改高度时覆盖网格的面板标题 - ExtJS

Question

这是我的问题。我在Header Panel中添加了一张图片，我想改变Panel的高度。

我通过我的CSS文件完成了所有这些：

.x-panel-header-default {
   background-image: url('../image/wall.png') !important;
   height: 100px;
}

它可以工作，但网格不会自动缩放，它会导致Header Panel遍历我的网格单元格，就像这样

Panel Header
Panel Header
Grid Header   <- hiding the panel header
Panel Header  <- hiding the grid cells
Grid Cells
Grid Cells
...

我希望我尽可能清楚:) 谢谢提前：）

Answer 1

对于重新调整大小的背景图片，您可以使用background-size属性。但是，IE7 / 8不支持此功能。要管理面板的高度，可以使用％值或设置@media查询。