HTML + CSS：如何將箭頭添加到水平菜單項？

這是怎麼看起來像沒有懸停在菜單欄的項目： enter image description here HTML + CSS：如何將箭頭添加到水平菜單項？

這裏是懸停效果： enter image description here

這裏是我嘗試添加箭頭： enter image description here

我當前的CSS公式如下：

ul.profile_menu { 
    background: url('menu.png') repeat-x; 
    list-style-type: none; 
    margin: 0; 
    padding: 0; 
    float: left; 

    li { 
     display: inline; 
     a { 
      float: left; 
     } 
     a:hover { 
      background: url('active_item.png') repeat-x; 
        height: 45px; 
     } 
    } 
}

但是如何將t他在活動項目底部的箭頭？

在此先感謝

來源

2012-12-27 user984621

看：http://cssarrowplease.com/ – techfoobar

您使用的少嗎？ –

爲什麼你不使用包含該箭頭的圖像。或者你將需要使用CSS3。正如@techfoobar所建議的那樣。 –

您可以生成箭頭（當前）純粹使用CSS本身（沒有CSS3具體的東西 - 與所有瀏覽器兼容）。

使用本網站產生您需要爲您箭頭CSS：在這個http://cssarrowplease.com

來源

2012-12-27 11:36:34 techfoobar

它不適用於所有瀏覽器！它的CSS3： - /但鏈接的+1！ :) –

什麼是CSS3呢？ – techfoobar

whats'pointer-events：none;'？是一個CSS1/2？並在每個瀏覽器中爲您工作？你檢查了嗎？ –

HTML + CSS：如何將箭頭添加到水平菜單項？

回答

相關問題