2011-11-04 75 views
0

我正在使用jquery工具工具提示代碼,我遇到了背景圖像透明時,我不希望它是透明的麻煩。問題與背景圖像的透明度

這裏是JS和CSS代碼,加載工具提示背景圖片:

<script type="text/javascript"> 

    // initialize tooltip 
    $("[title]").tooltip({ 
     position: "top left", 
     effect: 'slide', 
     opacity: 1, 
     offset: [15, 190], 
     tipClass: 'small_tooltip' 
     });  
</script> 

<style type="text/css"> 

/* tooltip styling */ 
.small_tooltip { 
    display:none; 
    background:url(/images/tooltip/white_arrow.png); 
    font-size:12px; 
    height:70px; 
    width:160px; 
    padding:25px; 
    color:#255E0D; 
    opacity:1 !important; 
    } 
</style> 

這裏是正在加載的圖像: http://static.flowplayer.org/tools/img/tooltip/white_arrow.png

任何建議,如何使這個圖像不透明作爲工具提示會很好。另一件事,當我檢查螢火蟲中的元素時,背景的CSS顯示以下內容,即使我沒有在樣式中設置背景爲透明:url(「/ images/tooltip/white_arrow.png」)重複滾動0 0透明

+0

你想要什麼顏色? –

+0

你使用IE嗎? – Polynomial

+0

'background:#ffffff url(/images/tooltip/white_arrow.png)'將圖像的全部透明部分設置爲白色。 –

回答