2012-02-09 85 views
1

你好我试图样式它的工作原理标题标签,但它即将在浏览器中的一个两次我的风格,并预设一个为好。重复标题标签?

有什么想法?这里是我的代码

感谢所有。

<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; 
} 
+0

重要的是要注意的是它不是一个**标签**,而是一个**属性** - 因此它为什么不能被设计。尽管@Guffa有一个很好的答案。 – 2012-03-01 05:43:09

回答

2

那是因为你不能风格的标题,因为它不是一个元素。

每个浏览器处理的title属性以自己的方式,它可以显示出它悬停,没有表现出来,或者做一些完全不同的......

的代码做什么是创造更多的内容,如图所示,这并不能阻止浏览器通常对标题做什么。

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

+0

我可以不用Css3的样式吗? – 2012-02-09 11:54:06

+0

@MartinPalmer遵循Guffa的建议并使用不同的属性,查看这个例子:http://jsfiddle.net/csXQV/ – jackJoe 2012-02-09 11:58:45

+0

@MartinPalmer:不,你不能。浏览器如何显示标题仍然没有标准化,没有您可以设计的元素。 http://www.w3.org/TR/html5/elements.html#the-title-attribute – Guffa 2012-02-09 12:03:13