面板标题覆盖网格时，我改变其高度- ExtJS

Question

我的问题是。我在Header面板中添加了一张图片，然后我想改变面板的高度。

这些都是通过我的CSS文件完成的:

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

它可以工作，但是网格不能自动缩放，它导致标题面板在我的网格单元格上，像这样

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查询。