Html 导航栏包含其他元素

Html 导航栏包含其他元素,html,css,Html,Css,今天我有以下问题,我有响应导航栏,涵盖我的网站标志 在这种情况下,我不能点击我的徽标,我的意思是我不能使用如果你的.mean栏有z-index:999,你的徽标应该有z-index:1000 如果它不起作用,分享一个指向你正在工作的站点的链接可能会很好 更新,在CSS中添加以下内容: .main-responsive-nav .logo { z-index: 1000; max-width: 200px; } 应添加“.main responsive nav”类,以便在移动设备中查看时仅影响

今天我有以下问题,我有响应导航栏,涵盖我的网站标志


在这种情况下,我不能点击我的徽标,我的意思是我不能使用
如果你的.mean栏有z-index:999,你的徽标应该有z-index:1000

如果它不起作用,分享一个指向你正在工作的站点的链接可能会很好

更新,在CSS中添加以下内容:

.main-responsive-nav .logo {
z-index: 1000;
max-width: 200px; }

应添加“.main responsive nav”类,以便在移动设备中查看时仅影响.logo类。

如果你的.mean栏的z索引为999,你的logo的z索引为1000

如果它不起作用,分享一个指向你正在工作的站点的链接可能会很好

更新,在CSS中添加以下内容:

.main-responsive-nav .logo {
z-index: 1000;
max-width: 200px; }

应添加“.main responsive nav”类,以便在移动设备中查看时仅影响.logo类。

查找logo div类或id,并应用下面的CSS

.logo-class {
    position: relative;
    z-index: 9990;
}

用你的类替换
logo类

找出logo div类或id并应用下面的CSS

.logo-class {
    position: relative;
    z-index: 9990;
}

logo类
替换为您的类

请添加更多的code+htmlA快速方法是将logo的
z-index
设置为一个大于
的值。菜单栏
z-index。但我建议使用flex来处理布局,而不是
absulte
定位。@AbbasEbadian ye,但我的菜单(☰) 停止工作您应将菜单宽度设置为
calc(100%-[logo width]px)
。或者删除
width=100%
并添加
right:0;
请添加更多代码+htmlA快速方法是将徽标的
z-index
设置为大于
的值。菜单栏
z-index。但我建议使用flex来处理布局,而不是
absulte
定位。@AbbasEbadian ye但我的菜单(☰) 停止工作您应该将菜单宽度设置为
calc(100%-[logo width]px)
。或者删除
width=100%
,然后添加
right:0;
ye,但这样我的汉堡包菜单就停止工作了website@NikolaMarinov我已经更新了我的答案~“.main responsive nav”我应该在哪里添加它?然后添加“max width:200px;”-同样不工作“.main responsive nav”应添加为“.logo”的父类。因此,我们有“.main responsive nav.logo”。您可以将我提供的CSS代码复制到您的style.CSS或在您的管理仪表板>外观>自定义>附加CSSThanks中获取答案。找到了一个解决方案,我应该添加`position:relative;`to.logo classye,但这样我的汉堡包菜单就停止工作了website@NikolaMarinov我已经更新了我的答案~“.main responsive nav”我应该在哪里添加它?在添加“最大宽度:200px;”-再次不工作之后。主响应导航”应该添加为“.logo”的父类。因此我们有“.main响应导航logo”。你可以将我提供的CSS代码复制到你的style.CSS中,或者在你的管理仪表板>外观>自定义>附加CSSThank中进行回答。找到了一个解决方案,我应该添加`position:relative;`to.logo ClassThank。谢谢你的回答。因为我只添加了z-index,它不起作用,但在编辑后它可以工作。拥有ncie day!!!谢谢你的回答。因为我只添加了z索引,它不起作用,但在编辑后,它工作了。
位置:相对;
它工作了。祝你有一个ncie日!!!