2011-03-08 24 views
1

我有一個關閉按鈕的facebox窗口,我想要完全像uservoice.com(單擊右下角的反饋鏈接,你會看到我的意思是,我已經添加了該圖片作爲關閉按鈕,但是當它出現在我的瀏覽器中時,它會顯示一個白色的背景圖片應該有一個清晰的背景,任何想法如何讓它顯示爲透明?什麼我談論:http://i.stack.imgur.com/jfxC1.pngPNG圖像顯示了白色背景,即使它有一個清晰的背景

這裏的關閉按鈕的CSS:

#facebox .close{ 

    position:absolute; 
    top:-22px; 
    right:-24px; 
    padding:2px; 
    background:#fff; 
} 
#facebox .close img{ 
    opacity:0.3; 
} 
#facebox .close:hover img{ 
    opacity:1.0; 
} 
+0

請張貼一些CSS,所以我們可以看看。 – Kyle 2011-03-08 04:13:30

+0

哪個瀏覽器?你是否確定它是一個正確的透明'.png'?你還沒有在那個元素上設置'background-color:#fff',對嗎? – thirtydot 2011-03-08 04:13:49

+0

你確定圖片有透明背景嗎?另外,請確保它背後的div(如果有)也設置爲透明。 – JohnP 2011-03-08 04:14:29

回答

2

#facebox .close,刪除background: #fff

這應該是你需要做的。 雖然,我看不到你在設置 background-image

+0

就是這樣。非常感謝。 – John 2011-03-08 04:16:32

2
#facebox .close{ 
    position:absolute; 
    top:-22px; 
    right:-24px; 
    padding:2px; 
    background:#fff; 
} 

可能是background:#fff;這裏。

相關問題