Hi Ben,
I experienced the same issue and I fixed it like that :
<style type="text/css">
.tooltip-class {
width: 29px;
height: 23px;
color:#00FFFF;
background-color: transparent;
margin: 0;
}
</style>
<div id=visits></div>
$('#visits').sparkline([15,19,20,22,33,27,31,27,19,30,21,10,15,18,25,9], {
type: 'line',
barColor: '#fa4c38',
height:'35px',
weight:'96px',
highlightColor: 'blue',
tooltipFormat: $.spformat('<span style="color: {{color}}">●</span> {{prefix}}{{y}}{{suffix}}', 'tooltip-class')
});
it's something wrong with your css if you have this here :
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
Check this out here :
http://www.w3schools.com/cssref/css3_pr_box-sizing.aspThere is nothing to do with z-index
Cheers
Noel