編輯一個jQuery對話框CSS

我想編輯我的對話框有一個透明的標題欄，仍然顯示一個備用'X'關閉它，但我在這裏有問題是我的對話框css截至目前：編輯一個jQuery對話框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'不顯示（儘管默認值也不）。有什麼建議麼？

編輯：這個link顯示我的代碼對話框。注意背景在運行時不透明。玩了一個位後，我認爲圖像加載，但我就是不能看到它（的顏色非常相似），所以我認爲一旦標題顏色是解決這個問題會自動消失，以及

來源

2011-04-19 Stanley Cup Phil

我覺得在這裏工作：http://jsbin.com/ikaho5儘量把你的代碼在那裏，向我們展示了問題 – Calum 2011-04-19 18:12:19

背景：透明重複-X滾動50％50％; – Calum 2011-04-19 18:28:32

謝謝，讓它成爲答案 – 2011-04-19 18:45:25

如你所願

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

來源

2011-04-20 08:06:54 Calum

這裏是我之前完成的事情，不是刪除標題圖像，而是縮小它只包含'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. 
});

來源

2011-04-19 18:21:18 ChrisThompson

編輯一個jQuery對話框CSS

回答

相關問題