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

Popular posts from this blog

c# - how to write client side events functions for the combobox items -

exception - Python, pyPdf OCR error: pyPdf.utils.PdfReadError: EOF marker not found -