Css 在ExtJs 4.2中删除窗口边框

我使用window xtype是因为我似乎无法显示容器/面板，即使我添加

renderTo:Ext.getBody（）

，它也无法工作

窗口显示为：

---

我也尝试过使用css，但我不确定该使用哪些属性

删除窗口边框

如果确实要删除窗口边框，可以使用以下配置：

var myWindow = Ext.create('Ext.window.Window', {
    header: false,
    style: 'background-color: transparent; border: false',
    bodyStyle: 'background-color: transparent; background-image: url(graphics/ss_message.png); background-size: 100% 100%;',
    id: 'ss_banner',
    width: 250,
    height: component.getBox().height,
    border: false,
    bodyBorder: false,
    frame: false,
    cls: 'noPanelBorder',
});

这是一把小提琴

显示面板

但是，如果您不想使用任何窗口功能，并且可以使用容器或面板，则应该使用它们。您只需使用您提到的

renderTo

配置，即可将面板渲染到主体或任何其他元素。我不知道为什么这个配置不适合您，它在下面的小提琴中工作得非常完美

您可以尝试通过

cls

configuration属性向面板添加唯一类，并在呈现的HTML代码中搜索该类。它可能是正确渲染的，只是由于某种原因不可见

这是一把小提琴

编辑：

---

如果只需要显示图像，ExtJS中有一个图像组件，

Ext.Img

。您可以使用与我在面板中描述的相同的方法使用此组件。

删除窗口边框

如果确实要删除窗口边框，可以使用以下配置：

var myWindow = Ext.create('Ext.window.Window', {
    header: false,
    style: 'background-color: transparent; border: false',
    bodyStyle: 'background-color: transparent; background-image: url(graphics/ss_message.png); background-size: 100% 100%;',
    id: 'ss_banner',
    width: 250,
    height: component.getBox().height,
    border: false,
    bodyBorder: false,
    frame: false,
    cls: 'noPanelBorder',
});

这是一把小提琴

显示面板

但是，如果您不想使用任何窗口功能，并且可以使用容器或面板，则应该使用它们。您只需使用您提到的

renderTo

配置，即可将面板渲染到主体或任何其他元素。我不知道为什么这个配置不适合您，它在下面的小提琴中工作得非常完美

您可以尝试通过

cls

configuration属性向面板添加唯一类，并在呈现的HTML代码中搜索该类。它可能是正确渲染的，只是由于某种原因不可见

这是一把小提琴

编辑：
如果只需要显示图像，ExtJS中有一个图像组件，

Ext.Img

。您可以使用与我在面板中描述的相同的方法来使用此组件。

这对我很有用：

var myWindow = Ext.create('Ext.window.Window', {

    // ...

    // What shows the 'border' is actually just the background of the window
    // shown via padding (+ 1px of actual border)
    style: 'padding: 0; border-width: 0;',
    // Show automatically
    autoShow: true,
    // Disable resizing, if you want
    resizable: false,
});

这对我很有用：

var myWindow = Ext.create('Ext.window.Window', {

    // ...

    // What shows the 'border' is actually just the background of the window
    // shown via padding (+ 1px of actual border)
    style: 'padding: 0; border-width: 0;',
    // Show automatically
    autoShow: true,
    // Disable resizing, if you want
    resizable: false,
});

---

你能提供一把工作小提琴来显示你的问题吗？你能提供一把工作小提琴来显示你的问题吗？