重複標題標籤？

你好我試圖樣式它的工作原理標題標籤，但它即將在瀏覽器中的一個兩次我的風格，並預設一個爲好。重複標題標籤？

有什麼想法？這裏是我的代碼

感謝所有。

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

來源

2012-02-09 Martin Palmer

重要的是要注意的是它不是一個**標籤**，而是一個**屬性** - 因此它爲什麼不能被設計。儘管@Guffa有一個很好的答案。 – 2012-03-01 05:43:09

那是因爲你不能風格的標題，因爲它不是一個元素。

每個瀏覽器處理的title屬性以自己的方式，它可以顯示出它懸停，沒有表現出來，或者做一些完全不同的......

的代碼做什麼是創造更多的內容，如圖所示，這並不能阻止瀏覽器通常對標題做什麼。

如果您不希望瀏覽器顯示標題，請不要使用title屬性。使用您知道瀏覽器不顯示的其他一些屬性。

來源

2012-02-09 11:49:33 Guffa

我可以不用Css3的樣式嗎？ – 2012-02-09 11:54:06

@MartinPalmer遵循Guffa的建議並使用不同的屬性，查看這個例子：http://jsfiddle.net/csXQV/ – jackJoe 2012-02-09 11:58:45

@MartinPalmer：不，你不能。瀏覽器如何顯示標題仍然沒有標準化，沒有您可以設計的元素。 http://www.w3.org/TR/html5/elements.html#the-title-attribute – Guffa 2012-02-09 12:03:13

重複標題標籤？

回答

相關問題