Question

我正在使用jquery工具工具提示代码，当我不希望它透明时，我遇到了透明背景图像的问题。

这是加载工具提示bg图像的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”）重复滚动0 0透明

Answer 1

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

您可以使用color，transparent值或inherit值进行设置

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

背景图像透明度问题

1 个答案: