0

古いテープデッキを模倣したメニューがあります。各リストアイテムには、ボタンの背景画像があります。アイテムを選択すると、新しい背景画像にボタンが下の位置に表示されます。ただし、下にある他の画像はまだ表示されています。元の画像を選択した画像に置き換えるにはどうすればよいですか。私が何を意味するかについては、 http：//www.saintalvia.comを参照してください。

ありがとう！

#access a { 
font-family:Roboto;
text-transform:uppercase;
font-size:12px;
padding: 0 9px 2px 9px;
-moz-border-radius:0 0 0 0 !important;
-webkit-border-radius:0 !important;
-webkit-border-radius:0 !important;
border-radius:0 !important;
border-radius:0 !important;
}

#access .menu-header li,
div.menu li {
margin-top:0px;
height:80px;
}

#access ul li {
margin-right:8px;
background-repeat:no-repeat;
background-position:bottom;
background-image:url(http://www.saintalvia.com/wp-content/uploads/2013/02/newButton.png);
}
#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access li.selected > a,
#access ul li.current-menu-parent > a,
#access ul li.current_page_item > a:hover,
#access ul li.current-menu-item > a:hover {
height:80px;
background-color:transparent;
background-repeat:no-repeat;
background-position:bottom;
background-image:url(http://www.saintalvia.com/wp-content/uploads/2013/02/buttonDownNew.png)
}
4

3 に答える 3

3

に「上」の画像を設定し、<li>に下の画像を設定し<a>ます。<li>の代わりに現在のダウンを設定します<a>

これを改善するために、ボタンのアップバージョンとダウンバージョンを1つの画像に組み合わせて、CSSスプライトと呼ばれるものを作成します。次に、ボタンを下の位置に移動する場合は、を微調整するだけbackground-positionです。

于 2013-02-26T21:30:16.583 に答える
0

タグに1つの画像があり、aタグに1つの画像があるliので、ページがリンクをクリックしたときに、別のタグの上に画像を追加するのではなく、以前と同じタグの画像を変更する必要があります。どちらのタグも機能するはずです。1つ選択するだけです。

于 2013-02-26T21:31:51.103 に答える
0

li上ボタンの背景と下ボタンの背景があるように見えli aます。

于 2013-02-26T21:33:38.073 に答える