2013-01-07 46 views
0

在菜單裏兩個背景我有這樣的菜單,我需要它添加一個背景是這樣的:添加使用HTML/CSS/JavaScript的

http://faraon.al/faraon/hover.jpg 

這都發生在用戶將鼠標懸停菜單。

我的問題是,我可以製作藍色+黃色部分,但是那個小半圈我不知道如何插入它。 任何幫助,將不勝感激! 我用水木清華這樣的:

menu ul li{ 
    background-image: url(images/bgtop.png), url(images/bg.png); 
    background-repeat: repeat-x, repeat; 
} 

我看到,你可以兩個背景添加到一個地方,但它沒有工作,我需要爲我的方式。

感謝

+1

以什麼方式就無法工作。它只顯示其中一個背景嗎?你可以發佈兩個源圖像嗎? –

+0

問題是,我不能重疊在其他圖像上方的半圈.. 我的意思是,我達成的是把他們兩個在一起,但沒有一個在頂部和一個後面.. –

+0

你能提供鏈接到兩個圖像? – ATOzTOA

回答

0

嘗試了這一點:

menu ul li:hover { 
    background-image: url(images/bgtop.png), url(images/bg.png); 
    background-repeat: no-repeat; 
    background-position: bottom center, top left; 
} 
+0

嗯,它應該是一個圖像我應該重複,我不能給李一個固定的形象,我可以嗎? –

+0

那麼,你到底在找什麼?當用戶懸停時,「li」應該看起來像圖像一樣? – ATOzTOA

+0

你想讓'li'正常顯示一個圖像,另一個圖像懸停,對不對? – ATOzTOA