2015-11-26 76 views
0

由於某種原因,訪問過的背景沒有變成灰色。 任何人都知道如何解決?css鏈接訪問過的背景

a:link { 
    height: auto; 
    display: inline-block; 
    border-radius: 5px; 
    background: rgb(241,231,103); 
    background: linear-gradient(to bottom, rgb(241,231,103) 0%, rgb(241,231,103) 32%, rgb(248,217,54) 73%, rgb(253,208,22) 100%); 
} 

a:visited { 
    background-color: gray; 
} 

a:hover { 
    background: linear-gradient(to bottom, rgb(253,208,22) 0%, rgb(248,217,54) 27%, rgb(241,231,103) 68%, rgb(241,231,103) 100%); 
} 

HTML文件,我需要在我的任務使用CSS

<head> 
<meta charset="UTF-8"> 
<title></title> 
<link rel="stylesheet" href="css/style.css"> 
</head> 
<body> 

<a href="http://www.stackoverflow.com">one</a> 
<a href="#">two</a> 
<a href="#">three</a> 
<a href="#">seven</a> 

</body> 
+1

你能提供一些HTML呢? – CoderPi

+0

嘗試設置你的鏈接的默認'背景color',檢查答案 –

+0

<!DOCTYPE HTML> <鏈接相對= 「樣式的」 href = 「CSS/style.css文件」>

Darius

回答

0

a:visited是不是做這充分證明方式。你可以用一個簡短的jQuery來做到這一點。

jQuery的

$('a').click(function(){ 
    $('a').css('background-color','gray') 
}) 

上述方法適合您的問題:)

+0

我需要在我的任務仍然 – Darius

1

嘗試設置默認的背景色爲你的鏈接,例如white

a{ 
    background-color: white; 
} 

然後

a:visited { 
    background-color: gray; 
} 
+0

用css沒有工作 – Darius

+0

它可以正常使用的兄弟 –

+0

完全符合backgr工程ound設置爲簡單顏色,但我們需要爲與上面完全相同的背景設置漸變,然後將訪問集鏈接爲灰色。 – Darius

0
a:link { 
    height: auto; 
    display: inline-block; 
    border-radius: 5px; 
    background: red; 
} 

使用本

+2

請添加一些解釋,而不是隻訂購OP'使用這個' –

+0

以上代碼您將定義一個背景,然後'a:visited'也將工作,而不先定義背景,它不會採用'a:visited'也 –

+0

完美地將背景設置爲簡單的顏色,但我們需要爲與上面完全相同的背景設置漸變,然後將訪問集鏈接到灰色。 – Darius