html - 下拉菜单不适用于 MasterPage-6ren

html - 下拉菜单不适用于 MasterPage

转载作者：行者123 更新时间：2023-11-28 04:32:30

25

4

所以我现在面临这个问题几天了，我真的不知道从哪里开始解决这个问题......

当我尝试创建 hover DropDownMenu
它只是不能与我的 CSS 文件中的其他内容一起使用。它显示按钮本身(一半)以及悬停时。它确实改变了他的颜色，但没有真正发生。没有打开列表。 Picture of it

(从他们提供的 w3s 学校代码中复制的 CSS)

感谢您的帮助!
希望能尽快收到你们的来信。

母版代码:

<%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPage.master.cs" Inherits="MasterPage" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    
    <title>Nua </title>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1" />
		<link rel="stylesheet" href="assets/css/main.css" />



    <asp:ContentPlaceHolder id="head" runat="server">
    </asp:ContentPlaceHolder>
</head>
<body>

    <style>
        .topleft {
    position: absolute;
    top: 0px;
    left: 9%;
    font-size: 16px;
}
.topLeftSecond {
    position: absolute;
    top: 0px;
    left: 17.5%;
    font-size: 16px;

}

</style>

            
    <form id="form1" runat="server">

      
        <% if (Session["Level"].ToString().Equals("-1"))
            { %>              
        <div class="icon-bar">
                  <a class="active" href="HomePage.aspx"><i class="fa fa-home"></i></a> 
                 <a href="Login.aspx">Login <i class="fa fa-sign-in"></i></a> 
                   <a href="Register.aspx">Register <i class="fa fa-pencil"></i></a> 
                     <a class="more" href="HomePage.aspx#main">About  <i class="fa fa-info-circle"> </i></a>

</div>



	   <%} %> 
      <%--  This is the Drop down menu code--%>
    
             <%if (Session["Level"].ToString().Equals("1"))
               { %>
                             <div class="dropdown">
                                <button class="dropbtn">Here</button>
                                <div class="dropdown-content">
                                      <a href="AdminArea.aspx">Link 1</a>
                                      <a href="WorkersPage.aspx">Link 2</a>
                         </div>
                    </div>



              <%} %>
         
    <div>
      
         		<!-- Scripts -->
			<script src="assets/js/jquery.min.js"></script>
			<script src="assets/js/jquery.scrolly.min.js"></script>
			<script src="assets/js/jquery.poptrox.min.js"></script>
			<script src="assets/js/skel.min.js"></script>
			<script src="assets/js/util.js"></script>
			<script src="assets/js/main.js"></script>
        
        <asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server">
        </asp:ContentPlaceHolder>

    </div>
    </form>
</body>
</html>

希望我发对了 O-o

最佳答案

三件事:

对于 .dropdown 设置 display: inline-block - 现在它具有完整的页面宽度
对于 .dropdown .dropbtn 设置 height: auto - 现在它从 button
的样式中获取 32px/li>
您丢失了以下代码，该代码在悬停时显示菜单:
```
.dropdown:hover .dropdown-content {
    display: block;
}
```

关于html - 下拉菜单不适用于 MasterPage，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/41665997/

25

4

0

文章推荐： javascript - 删除第一个单词 JS 之后的所有内容

文章推荐： javascript - 通过类名获取div并在javascript中返回它

文章推荐： c++ - 将整个二进制文件读入缓冲区，然后以特定格式解析它

文章推荐： html - 使 div 占用剩余宽度

asp.net - 如何在 masterpage.master 中访问 masterpage.master.vb 中定义的变量
我有一个在 masterpage.master.vb 中填充有 Browserhawk 信息的 cookie 集合，例如； Dim useCSS as boolean = 0 Response.Coo
c# - MasterPage .FindControl类
我试图在从内容页面访问母版页时找到一个控件，准确地说是一个图像按钮。以下是母版页 html 代码:
html - 下拉菜单不适用于 MasterPage
所以我现在面临这个问题几天了，我真的不知道从哪里开始解决这个问题...... 当我尝试创建 hover DropDownMenu 它只是不能与我的 CSS 文件中的其他内容一起使用。它显示按钮本身(一
JavaScript 不适用于我的 MasterPage 以外的页面以及未链接到它的页面
抱歉英语不好:P 我正在使用 ASP.NET 我正在尝试使用在 Internet 上找到的 JavaScript 为我的电话和手机文本字段设置掩码，但 JS 代码仅适用于位于我的 MasterPage
ASP.NET MasterPage 回发无法从主页运行
我在 MasterPage 中有此文本框和提交按钮 Authors Quotes 这是 MasterPage 中的代码，当用户单击搜索按钮时执行 protected void btnSe
c# - 以编程方式更改页面标题的 MasterPage 部分
我想覆盖 MasterPage 标题。注意:我不是在谈论从内容页面设置部分标题。我的 MasterPage 中有这个: My Site | 结合我的内容页面上的这个... 向用户提供
c# - 如何从用户控件更改 MasterPage 中的控件值？
我想从用户控件更改母版页中存在的控件值，场景如下: 在用户控件加载方法上，我使用名为“catID”的查询字符串参数来获取类别实体，然后我想将类别标题设置为位于母版页中的标题标签(类别标题)的值。我试
asp.net - MasterPage 引用和继承
我的元素文件夹中有多个母版页，路径如下我的元素/MasterPagesFolder/Site.Master 我使用 Site.Master 的元素的页面有这个路径:我的元素/PagesFolder/C
c# - MasterPage 对象页面对象后面的aspx 页面对象？
我的 MasterPage 文件中有一个下拉菜单，它下拉 behind aspx 页面上的对象。我使用 CSS 将 100 的 z-index 应用于 masterPage 菜单，将 -1 的 z-i
javascript - 如何修复javascript函数中的 "MasterPage is undefined"？
我目前正在支持 asp.net vb 中的基于 Web 的应用程序。下面这部分代码用于检查 session 并在 session 过期后自动注销用户。另外，我有一个安全窗口，在成功登录时会弹出，并且每
html - 如何从另一个页面访问 MasterPage 正文
我有一个带有下拉列表的登录页面，您可以从中选择网站的背景颜色。但是我无法将母版页的主体与下拉列表中的选定值相关联。这是我的 MasterPage 正文的开始标记，这是我得到的下拉列表。
c# - masterpage initializeculture 找不到合适的方法来覆盖错误？
我正在尝试使用 ASP.NET 和 C# 开发多语言网站我的问题是:我想让我的 MasterPage 支持在语言之间切换，但是当我将“InitializeCulture()”放入 masterpage
c# - 如何实现 "masterpage"级别的逻辑
我还是 MVC 的新手，所以请多多包涵 :-) 我有一个正在开发的社区网站，我想在用户登录后显示我所有页面上有多少用户在线。我有一个共享 View ，在登录后用作所有页面的布局 (UserLayou
ASP.net MasterPage.master 不存在
我在 IIS 服务器上发布我的网站时遇到问题，我无法直接访问它，所以我必须依靠其他人在 IIS 上配置我的网站。然而，当我上传我的网站时，出现了这个错误: 第 1 行: 第 2 行: 解析
jquery - 当 MasterPage 位于根文件夹中时在子文件夹中使用 JQuery
我试图在 ASP.NET 中名为“samples”的子文件夹中使用 jquery 库，母版页位于根目录中。目前，对 jquery 脚本的引用位于母版页的 head 标签中。如果我创建的页面也在根目录中
asp.net - 如何通过单击 MasterPage 上的按钮来处理用户控件中的回发
我在带有母版页的网络表单内有用户控件。 MasterPage 有一个注销按钮: protected void lbtnLogout_Click(object sender, EventArgs e)
sharepoint - 从 Layouts 目录运行 MasterPages
为了简化我们的 SharePoint 环境，我希望有一个集中的单一位置来存储所有母版页，因此我希望直接从 _layouts 目录引用母版页文件。我将文件添加到“\LAYOUTS\MyMasterPa
jQuery + ASP.NET WebForms + MasterPage
早上好，我在使用 MasterPage 和 jQuery 时遇到问题。我使用带有自定义主题的 jQuery UI，并且我喜欢所有按钮的集合设计来设计 jQuery UI 按钮。在 MasterPage
asp.net - MasterPage.Master > 下一个页面将作为子页面加载？
我想知道，在 Page Load我的 MasterPage.Master 的事件哪个页面发送了请求。将在内容中作为子项加载。假设，用户点击我的网页Login我可以从 Page Load 中获得该值吗
c# - MasterPage 上的 Javascript 问题
我有一段 JavaScript 可以清除文本框中的数据。该代码在独立页面上运行良好，但在母版页上不起作用。在默认页面上，我的 JavaScript 是: function doCl

首页

博学

6Ren·AI

商城

html - 下拉菜单不适用于 MasterPage