ASP.NET懸停不起作用

我正在使用this樣式表創建下拉菜單，但懸停不能按預期方式工作。測試是ASP.NET以外的工作正常。任何我可能會出錯的輸入將受到高度讚賞。由於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; 
}

這是整個代碼，我有。

來源

2016-11-30 Maddy

嗯，這並不是所有的代碼。您也有一個名爲「Site.Master」的文件。事實上，'link'元素應該位於文檔的''中。 –

當我在視覺工作室中運行它似乎工作正常。你在哪個瀏覽器中遇到這個問題？ –

@MikeMcCaughan我在'head'有css鏈接＃ – Maddy

可能缺少樣式表引用的地方。在您的母版頁頭標籤中添加樣式錶鏈接。還可以使用<style>..</style>標記添加母版頁中的樣式，或者將它們添加到.css文件中並將該文件鏈接到母版頁中。

這裏是一個視頻，顯示它在主文件中的代碼，然後顯示在內容頁面中的代碼。一切似乎都按預期工作。我唯一補充的是在.dropdown-menu類中添加top: 30px;以刪除圖標和下拉菜單之間的空間。

視頻：http://www.screencast.com/t/f85uKhdRXP0J

來源

2016-11-30 19:23:08

ASP.NET懸停不起作用

回答

相關問題