我得到兩個鏈接標題

我有一個鏈接標題的問題。我試圖用CSS來設計鏈接標題。我的CSS是：我得到兩個鏈接標題

a[title]:hover:after { 
    content: attr(title); 
    padding: 2px 8px; 
    position: absolute; 
    left: 0; 
    top: 100%; 
    white-space: nowrap; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    border-radius: 5px; 
    border:1px solid #bce8f1; 
    background-color:#d9edf7; 
    color:#31708f; 
    font-weight:700; 
    box-shadow: 0 0 6px #bce8f1; 
    z-index:99999999; 
}

但是，當我將鼠標懸停在鏈接，我得到這個稱呼頭銜，但我也得到了老喜歡在照片上。

任何想法？

謝謝

來源

2015-12-25 Boky

我很懷疑你能做到這事，不使用的javascrip t將標題屬性更改爲其他內容，並將CSS置於該新屬性上。 – BoltClock

因爲你的僞元素和標題是不同的元素。 – cameronjonesweb

任何建議如何隱藏舊標題？用JavaScript或與CSS？ – Boky

而不是使用具有默認動作/風格的title屬性，我會創建我自己的。

<a href="/someplace.html" data-title="The Title of Someplace">Someplace</a>

然後，您將更改CSS以反映新屬性。

a[data-title]:hover:after { 
    content: attr(data-title); 
    ... 
}

來源

2015-12-25 13:39:04

就是這樣。非常感謝。 – Boky

使用data-title而不是title：

HTML：

<a href="mailto:[email protected]" data-title="Als u nog vragen heeft, stel ze gerust. Wij staan tot uw dienst!">

CSS：

a[data-title]:hover::after { 
    content: attr(data-title); 
    ... 
}

來源

2015-12-25 13:40:22 Rounin

就是這樣。非常感謝。 – Boky

我得到兩個鏈接標題

回答

相關問題