工具提示对齐

Question

如何更改CSS，工具提示从右到左显示？完全与现在相反。

http://jsfiddle.net/Q55C8/

谢谢！

Answer 1

这样写：

.tooltip span.info {
    display:none;
    position: absolute;
    white-space:nowrap;
    border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 5px 5px rgba(0, 0,0, 0.1);
    -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
    font-family: Calibri, Tahoma, Geneva, sans-serif;
    margin-left: 0;
    z-index: 1;
    top:20px;
    right:0;
}

检查此http://jsfiddle.net/sandeep/Q55C8/5/

Answer 2

只需将工具提示的位置设置为绝对（位置固定，相对于窗口固定工具提示而不是链接）并使用right:xx css样式调整位置。

a.tooltip:hover span.info { display: block; position: absolute; right:-146px }

演示

http://jsfiddle.net/Q55C8/4/