css - 无法让 css3 工具提示转换工作

Question

http://jsfiddle.net/RUjBh/4/

.tooltip{
position:relative
}
.tooltip:hover:after{
    background:#fff !important;
    border-radius: 30px / 120px;
    bottom: -8px;
    box-shadow:0 2px 4px #646464;
    color:#9B9B9B;
    content: attr(title);
    left: 110%;
    padding: 20px 30px;
    z-index: 98;
    width: 240px;
    position:absolute;
    opacity:0.4;font:20px "modernRegular" !important;
    transition: all 1s;
}
.tooltip:hover:after:hover{
    background:#fff !important;
    border-radius: 30px / 120px;
    bottom: -8px;
    box-shadow:0 2px 4px #646464;
    color:#9B9B9B;
    content: attr(title);
    left: 110%;
    padding: 20px 30px;
    z-index: 98;
    width: 240px;
    position:absolute;
    opacity:1;font:20px "modernRegular" !important;
}

我试着让它工作，但到目前为止没有运气。我究竟做错了什么？我怎样才能得到这个工作？

先感谢您。

Answer 1

在您的 HTML 中，您有一个错误：您没有关闭该a元素。

我做了这个：http: //jsfiddle.net/RUjBh/6/

那就是你想要的？

编辑：我认为这就是你想要的：http: //jsfiddle.net/RUjBh/8/

干杯，狮子座