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

Question

这是我的问题。我在页眉面板中添加了一张图片，我想更改面板的高度。

我通过我的 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 查询。