\nYou can use :Hover on anything – doesn't have to be a link\n<\/p>\n
\nE.g.\n<\/p>\n
\r\n\r\n.my_style_name:Hover {\r\n\tcolor: #000000;\r\n}\r\n<\/code><\/pre>\n\n \n<\/p>\n
\nTool Tip Style Hover Text
\n<\/h4>\n
\nYou can use the title attribute to add pop up text to most things:\n<\/p>\n
\r\n\r\n<span title="Text that will show on hover">Text on page<\/span>\r\n<\/code><\/pre>\n\nUsing CSS instead when you want to control the style
\n<\/h5>\n\r\n\r\n<span class="droptext" >Text on page\r\n <span style="width:500px;">Text that will show on hover<\/span>\r\n<\/span>\r\n<\/code><\/pre>\n\r\n\r\nspan.droptext {border-bottom: thin dotted; background: #ffeedd;}\r\nspan.droptext:hover {text-decoration: none; background: #ffffff; z-index: 6; }\r\nspan.droptext span {position: absolute; left: -9999px;\r\n margin: 20px 0 0 0px; padding: 3px 3px 3px 3px;\r\n border-style:solid; border-color:black; border-width:1px; z-index: 6;}\r\nspan.droptext:hover span {left: 2%; background: #ffffff;} \r\nspan.droptext span {position: absolute; left: -9999px;\r\n margin: 4px 0 0 0px; padding: 3px 3px 3px 3px; \r\n border-style:solid; border-color:black; border-width:1px;}\r\nspan.droptext:hover span {margin: 20px 0 0 170px; background: #ffffff; z-index:6;} \r\n<\/code><\/pre>\n\n <\/p>\n","protected":false},"excerpt":{"rendered":"
You can use :Hover on anything – doesn't have to be a link E.g. .my_style_name:Hover { color: #000000; } Tool Tip Style Hover Text You can use the title attribute to add pop up text to most things: <span title="Text that will show on hover">Text on page<\/span> Using CSS instead when you want to […]<\/p>\n","protected":false},"author":5,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[45],"tags":[],"class_list":["post-335","post","type-post","status-publish","format-standard","hentry","category-css"],"_links":{"self":[{"href":"https:\/\/ibex.tech\/cloud\/wp-json\/wp\/v2\/posts\/335","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ibex.tech\/cloud\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ibex.tech\/cloud\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ibex.tech\/cloud\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/ibex.tech\/cloud\/wp-json\/wp\/v2\/comments?post=335"}],"version-history":[{"count":7,"href":"https:\/\/ibex.tech\/cloud\/wp-json\/wp\/v2\/posts\/335\/revisions"}],"predecessor-version":[{"id":1450,"href":"https:\/\/ibex.tech\/cloud\/wp-json\/wp\/v2\/posts\/335\/revisions\/1450"}],"wp:attachment":[{"href":"https:\/\/ibex.tech\/cloud\/wp-json\/wp\/v2\/media?parent=335"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ibex.tech\/cloud\/wp-json\/wp\/v2\/categories?post=335"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ibex.tech\/cloud\/wp-json\/wp\/v2\/tags?post=335"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}