CSS:如何将提示框(a:悬停)向左移动?

CSS:如何将提示框(a:悬停)向左移动?,css,hover,hint,Css,Hover,Hint,我在框中有提示,如下所示: CSS代码: a span { display:none; } a:hover span { position:fixed; display:inline; border: 1px solid #0000FF; margin: 0px 0px 0px 10px; padding: 5px; color: #000000; background: #faffc3; opacity:.90; } HTML代码、提示位于span标记之间

我在框中有提示,如下所示:
CSS代码:

a span
{
  display:none;
}
a:hover span
{
  position:fixed;
  display:inline;
  border: 1px solid #0000FF;
  margin: 0px 0px 0px 10px;
  padding: 5px;
  color: #000000;
  background: #faffc3;
  opacity:.90;
}
HTML代码、提示位于span标记之间,位于元素内部:


一些文本,
,一些文本,另一个
.

是否可以使用一些CSS属性将提示框从链接的右侧(默认位置)移动到左侧?

您需要根据需要设置左边距

a:hover span
{
   margin-left:-10px; 
}
参见示例


我认为此代码适用于您:

a{
    position: relative;
}

a:hover span{
    position: absolute;
    right: 100%;
}
跨度的右边框将与


为什么不试试呢?如果有很长的提示,方框会移动到ie窗口左边框的后面
a{
    position: relative;
}

a:hover span{
    position: absolute;
    right: 100%;
}
a {
    position:relative;
}

a span
{
  display:none;
}
a:hover span
{
  position:absolute;
  display:inline;
  border: 1px solid #0000FF;
  margin: 0px 0px 0px 10px;
  padding: 5px;
  color: #000000;
  background: #faffc3;
  opacity:.90;
  right:0;
  margin-right: 105%;
}