Question

我正在使用data-title属性来“提示”他正在看到的元素的用户。

问题在于，由于我的div，标题没有正确显示，只是其中的一部分，就好像其余部分显示在其他div之后。

有没有办法让标题出现在所有内容之前，让我们说，给它一个自定义位置？

提前致谢。

编辑：

这是css的代码

a {
  color: #900;
  text-decoration: none;
}

a:hover {
  color: red;
  position: relative;
}

a[data-title]:hover:after {
  content: attr(data-title);
  padding: 4px 8px;
  color: #333;
  position: absolute;
  left: 0;
  top: 100%;
  white-space: nowrap;
  z-index: 20px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0px 0px 4px #222;
  -webkit-box-shadow: 0px 0px 4px #222;
  box-shadow: 0px 0px 4px #222;
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #eeeeee),color-stop(1, #cccccc));
  background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
}

好吧，我解决了部分问题，那就是“z-index”。只需删除px，所以现在至少它显示在所有元素的前面。

现在的问题是，由于div显示它远离鼠标

那么，我怎样才能让它出现在鼠标旁边，就像普通标题一样？

数据标题的自定义位置？

0 个答案: