Question

您好我正在尝试设置一个标题标签，但是它在浏览器中出现两次我设置的样式和预设标签。

任何想法？这是我的代码

谢谢大家。

<a href="contact.php" class="test" title="CONTACT US!"></a>

a[title]:hover:after {
  content: attr(title);
  padding: 4px 8px;
  color: #333;
  position: absolute;
  right:23%;
  top: 70%;
  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;
}

Answer 1

那是因为你不能设置标题的样式，因为它不是一个元素。

每个浏览器都以自己的方式处理title属性，它可以在悬停时显示它，不显示它，或者做一些完全不同的事情......

代码的作用是创建显示的其他内容，但不会停止浏览器通常使用标题执行的操作。

如果您不希望浏览器显示标题，请不要使用title属性。使用您知道浏览器未显示的其他一些属性。

重复的标题标签？

1 个答案: