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%;
}