Javascript 具有[title]属性的元素的样式工具提示

如何为带有[title]的元素设置工具提示样式，以便在IE8上工作

下面是几个小提琴的例子：

如何让它们在IE8上工作

---

谢谢大家!

你可能会发现这很有帮助：如果人们想帮助你，他们将需要更多的信息。您是否已经有在其他浏览器中工作的示例？或者，您是否要求他人为您实现此功能？如果答案是后者，您需要提供更多详细信息。@Kyle我希望该示例适用于IE8，更多详细信息是什么？@RulerNature提供更多详细信息，例如；它在X浏览器（如Chrome、Firefox等）中工作，屏幕截图可能会有所帮助。@Kiz我不知道你们还需要什么详细信息，伙计们，我想要我的小提琴示例中的样式化工具提示在IE8上工作。

a[title]:hover:after {
  content: attr(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);
}

a[data]:hover:after {
  content: attr(data);
  padding: 4px 8px;
  color: rgba(0,0,0,0.5);
  position: absolute;
  left: 0;
  top: 100%;
  white-space: nowrap;
  z-index: 2;
  border-radius: 5px ;
  background: rgba(0,0,0,0.5);
}