HighCharts: Labels visible over tooltip

Question

Labels on my chart are showing over tooltip, which doesn\'t look very nice. I tried to play with zIndex, but to no result. How can I make tooltips not transpare

Answer 1

For Highchart tooltips with html format

Highchart config

tooltip: {
    borderWidth: 0,
    backgroundColor: "rgba(255,255,255,0)",
    shadow: false,
    useHTML: true
    ........
},

CSS:

.highcharts-tooltip>span {
    background-color: #fff;
    border: 1px solid #172F8F;
    border-radius: 5px;
    opacity: 1;
    z-index: 9999!important;
    padding: .8em;
    left: 0!important;
    top: 0!important;
}