2014-08-30 56 views
0

嗨我嘗試爲訪問鏈接設置背景,但它不起作用。出了什麼問題?如何設置訪問鏈接的背景

CSS

ul a {display:inline-block; background:red url("https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcSM7ZUDsq2jyP6Vz2yEmPl1HPVYQ5lUSL5MUoPvZw786K9mDfrWx9ZwYrY") center center no-repeat; 
    ;color:#333;height:40px;line-height:40px;font-size:18px} 
ul a:visited { background:blue url("https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcRY3mOWqadrnwEId1cCx6fVM_ffhE1OzmnbGcRrkKPv1YGxHUZElGyGuc8") center center no-repeat; 
;color:#fff} 

HTML

<ul> 
    <li><a href="http://www.google.com">google</a></li> 
    <li><a href="http://www.yahoo.com">yahoo</a></li> 
    <li class="t2" ><a href="http://www.adsense.com">adsense</a></li> 
    <li><a href="http://www.budamivardi.com">budamivardi</a></li> 
    <li><a href="http://www.jsfiddle.com">jsfiddle</a></li> 
    <li><a href="http://www.jsfiddle.com.tr">jsfiddle</a></li> 
    <li><a href="http://www.jsfiddle.de">jsfiddle</a></li> 
</ul> 

jsFiddle

+0

請檢查:http://stackoverflow.com/questions/3788855/google-chrome-avisited-background-image-not-working – emmanuel 2014-08-30 11:21:27

+0

是不是有沒有的JavaScript – budamivardi 2014-08-30 11:24:38

+0

同時,任何解決方案http://stackoverflow.com/a/8331950/2274530 – mpgn 2014-08-30 11:25:54

回答

1

你有兩個額外的冒號和人失蹤冒號(你的CSS是非常壓縮)。

FIDDLE

我除去背景圖像,以便僅顏色變化。

您現在可以根據自己的需要「調整」它。

CSS spec不允許在訪問過的鏈接上使用背景圖片。

CSS:

ul a { 
    display:inline-block; 
    background-color: red; 
    color:yellow; 
    height:40px; 
    line-height:40px; 
    font-size: 18px; 
    padding: 10px; 
} 
ul a:visited { 
    background-color: blue; 
    color: green; 
} 
+0

是的,它不允許bg圖像,但一切準備就緒可以爲訪問過的鏈接設置bg顏色 – budamivardi 2014-09-01 06:28:03