左上角的货币区(#currencySelect
)在向左浮动时停止下降,就像现在一样。 - http://trendy-menswear.myshopify.com/
相关HTML:
<div id="currencySelect" />
<header id="top" class="clearfix" />
相关CSS:
#currencySelect {
float: left;
}
#top {
position: relative;
z-index: 100;
}
当我删除浮动时,下拉列表再次起作用。
关于如何将它定位在当前位置但有功能的任何指针?
答案 0 :(得分:1)
最快的解决方案是添加:
#currencySelect {
position:relative;
z-index:101
}
目前#top
&lt; header&gt;,z-index: 100
位于#currencySelect
&lt; div&gt;上方。因为后者因浮动而从正常布局流程中移除。
答案 1 :(得分:0)
header#top
的z-index为100,覆盖它,给它一个更高的z-index。
答案 2 :(得分:0)
当您应用float:left;
时,它会在标题下输入。所以你不能点击它。
使用position: absolute;z-index: 101;
而不是float:left;
。