Javascript 编辑Jquery对话框CSS

我试图编辑我的对话框，使其具有一个透明的标题栏，该标题栏仍然显示一个替代的“X”来关闭它，但我遇到了一些问题，目前我的对话框css如下：

/* Creates the 'X' used to close dialog */
.ui-widget-header .ui-icon 
{
    background-image: url("../Images/X.png") !important;
}  

/* Removes padding from title bar */
.ui-dialog .ui-dialog-titlebar 
{
    padding: 0;
    position: relative;
}
/* Remove title image and keep 'x' */
.ui-widget-header {
    background: transparent repeat-x scroll 50% 50% #F6A828;
    border: 1px solid #E78F08;
    color: #FFFFFF;
    font-weight: bold;
}

到目前为止，透明不会超过默认颜色（添加

！important

也不会更改任何内容），并且“x”不会显示（尽管默认颜色也不会显示）。有什么建议吗

---

编辑：显示包含我的代码的对话框。请注意，背景在运行时是如何不透明的。在玩了一会儿之后，我认为图像正在加载，但我就是看不到它（颜色非常相似），所以我认为一旦标题颜色得到解决，这个问题也会消失。

我以前做过一些事情，没有删除标题图像，而是将其缩小到只包含“X”。所有这些都是在js中打开时完成的

    $('#dialog').dialog();
var d = $('#dialog').dialog('open');

var titleBar = d.parent().find('div.ui-dialog-titlebar');
d.parent().find('span.ui-dialog-title').text('');
titleBar.css({
    'width' : '10px',
    'height' : '10px',
    'float' : 'right',
    'top' : '-35px'//only used to move x above dialog. not needed.
});

如你所愿

background: transparent repeat-x scroll 50% 50%;

---

我认为它在这里起作用：试着把你的代码放在那里，告诉我们问题背景：透明的重复x滚动50%50%；