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/

干杯，狮子座

无法获得css3工具提示过渡工作

1 个答案: