小编Kyr*_*yra的帖子

我正在尝试使用没有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的地方使用.