I want to add a simple tool-tip and was curious if this was a reasonable way to do this or whether there was an easier / better way? Here’s a sample: http://jsfiddle.net/trestles/yU3KM/
Basically, I am placing some text positioned absolutely to a relatively positioned image. I have sized it for the image size in question.
I am not a full-time front-end dev and most of the tool-tips seemed lacking. At least I can customize this.
thx
This is fine, and a pretty standard way to accomplish such a task. You may find that you need to add a
z-indexCSS property to keep it above other elements on the page. What will make things more complex is when you can’t depend on the location of the item you wish to hover over for the tooltip. When you get to that point, the positioning of the tooltip will need to be created dynamically by grabbing the position of the element being hovered.