背景图像透明度问题

Issue with background image transparency

本文关键字:问题 透明度 图像 背景      更新时间:2023-09-26

我正在使用jquery工具提示代码,当我不想让背景图像透明时,我遇到了麻烦。

下面是加载工具提示bg image: 的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

任何关于如何使这个图像不透明作为工具提示的建议将是伟大的。还有一件事,当我在firebug中检查元素时,背景的css显示了以下内容,即使我没有在样式中设置背景为透明:url("/images/tooltip/white_arrow.png")重复scroll 0 0 transparent

background-color默认是透明的:http://www.w3schools.com/cssref/pr_background-color.asp

您可以使用color, transparent值或inherit值来设置

指定背景颜色应该继承自父元素