JavaScript を使用せずにインライン CSS を使用してホバー ツールチップを作成しようとしています。
これは私が今持っているコードです
<a href="#"
style="{position:relative; top:50px; left:50px;}
:hover span {opacity:1; visibility:visible;}">
hover text
<span
style="top:-10px; background-color:black; color:white; border-radius:5px; opacity:0; position:absolute; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; visibility:hidden;">
tooltip text
</span>
</a>
これによると、許可する必要があります: http://www.w3.org/TR/2002/WD-css-style-attr-20020515
これが推奨される方法ではないことは承知していますが、インライン CSS しか使用できない場所で使用できる必要があります。