2012-02-09 12 views
1

こんにちは、私はそれが動作するタイトルタグのスタイルをしようとしていますが、それは私がスタイリングしたものとプリセットされたものの2倍のブラウザに出てきています。タイトルタグが重複していますか?

ここに私のコードは

ありがとうございます。

<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は非常に良い答えを持っています。 –

答えて

2

これは要素ではないため、タイトルのスタイルを設定できないためです。

各ブラウザが

コードは何

がある追加コンテンツを作成することです...それはそれを表示、または完全に異なる何かをしないで、ホバーにそれを表示するか、独自の方法でtitle属性を処理します表示され、それはブラウザがタイトルで通常行うことを止めるものではありません。

ブラウザにタイトルを表示させたくない場合は、title属性を使用しないでください。ブラウザに表示されないことを知っている他の属性を使用してください。

+0

私はCss3でそれをスタイルできませんか? –

+0

@MartinPalmerはGuffaの提案に従って、別の属性を使用します。次の例を確認してください:http://jsfiddle.net/csXQV/ – jackJoe

+0

@MartinPalmer:いいえ、できません。ブラウザーがタイトルをどのように表示するかはまだ標準化されていません。スタイルを設定できる要素はありません。 http://www.w3.org/TR/html5/elements.html#the-title-attribute – Guffa

関連する問題