javascript - jQuery Tools Tooltips does not work simply by an outer div having position: relative? -
a third party jquery tooltip jquery tools tooltips: tooltips done right. can breaking having outer div position: relative
?
this 1 works: http://www.topics2look.com/code-examples/jquery-tools-tooltip-bug/this-works.html
just adding position: relative
outer div (the 1 blue border), , tooltip gets massively misplaced (by whatever amount header div pushes down): http://www.topics2look.com/code-examples/jquery-tools-tooltip-bug/with-relative-position-it-does-not-work.html
the quality of 3rd party open-source code.
does jquery guru have fix quickly? requirement outer div must have position: relative
or position: absolute
1 reason or another. think reason breaking jquery tools tooltip uses position: absolute
position tooltip, without knowing absolute
relative "nearest ancestor positioned", css spec says. breaks, simple case.
try using relative
property (third bottom).
$('#main-content').tooltip({ bounce: false, relative: true, // <-- adding should sort out slideoffset: 5, effect: 'slide', direction: 'down', slideinspeed: 300, slideoutspeed: 200, position: 'bottom center' });
Comments
Post a Comment