Проблема с прозрачностью фонового изображения - PullRequest
Новая
       1

Проблема с прозрачностью фонового изображения

0 голосов
/ 04 ноября 2011

Я использую код всплывающей подсказки для инструментов jquery, и у меня возникают проблемы с прозрачностью фонового изображения, когда я не хочу, чтобы оно было прозрачным.

Вот JS и код CSS, который загружает всплывающую подсказкуbg image: 

<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") repeat scroll0 0 прозрачный

1 Ответ

0 голосов
/ 04 ноября 2011

background-color будет по умолчанию прозрачным: http://www.w3schools.com/cssref/pr_background-color.asp

Вы можете установить его, используя color, значение transparent или inherit, которое

указывает, что цвет фона должен быть унаследован от родительский элемент

...