ASP.NETホバーが動作しない

Question

thisスタイルシートを使用してドロップダウンを作成していますが、ホバーが期待どおりに動作しません。テストはASP.NETの外ではうまく動作します。私が間違っている可能性のある入力は非常に高く評価されます。おかげ

<%@ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="TestApp._Default" %> 

<asp:Content ID="BodyContent" ContentPlaceHolderID="MainContent" runat="server"> 
    <link rel="stylesheet" type="text/css" href="http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" /> 
    <div class="dropdown-trigger"> 
     Dropdown <i class="ion-chevron-down"></i> 
     <div class="dropdown-menu"> 
      <ul> 
       <li>Item 1</li> 
       <li>Item 2</li> 
       <li>Item 3</li> 
      </ul> 
     </div> 
    </div> 
</asp:Content> 

はCSS：

* { 
    margin: 0; 
    padding: 0; 
    list-style: none; 
} 
.dropdown-trigger { 
    line-height: 1; 
    padding: 5px; 
    display: inline-block; 
    position: relative; 
    cursor: pointer; 
} 
.dropdown-trigger i { 
    display: inline-block; 
    padding: 5px; 
    padding-right: 7px; 
    text-align: center; 
    border-radius: 10px 10px 0 0; 
    padding-bottom: 10px; 
} 
.dropdown-trigger:hover i { 
    background-color: #99f; 
} 
.dropdown-trigger:hover .dropdown-menu { 
    display: block; 
} 
.dropdown-menu { 
    display: none; 
    background-color: #99f; 
    position: absolute; 
    right: 5px; 
    padding: 5px; 
    left: 5px; 
} 
.dropdown-menu li { 
    padding: 5px; 
} 

これは私が持っている全体のコードです。

Answer 1

おそらくどこかにスタイルシートの参照がありません。マスターページのheadタグにスタイルシートリンクを追加します。 <style>..</style>タグを使用してマスターページにスタイルを追加するか、.cssファイルに追加してそのファイルをマスターページにリンクします。

ここには、マスターファイルとその次のコンテンツページのコードが表示されます。すべてが期待どおりに機能しているようです。私が加えた唯一の追加は、.dropdown-menuクラスにtop: 30px;を追加して、アイコンとドロップダウンメニューの間のスペースを削除することでした。

動画：http://www.screencast.com/t/f85uKhdRXP0J