我正在使用这个库向用户显示国家代码和标志:https ://github.com/jackocnr/intl-tel-input
在桌面上,一切都按预期工作。即使在屏幕上调整大小,响应也符合预期。当我在移动设备上使用 Android Chrome 测试页面时出现问题。
这是问题所在:
该应用程序不允许用户选择其他国家(隐藏了滚动空间 - 用户只能看到默认选择的国家)。
我尝试使用z-index:9999
但没有用。
这是CSS实现:
.intl-tel-input .country-list {
position: absolute;
z-index: 9999;
list-style: none;
text-align: left;
padding: 0;
margin: 0 0 0 -1px;
box-shadow: 1px 1px 4px rgba(0,0,0,0.2);
background-color: white;
border: 1px solid #CCC;
white-space: nowrap;
max-height: 200px;
overflow-y: scroll;
}
我不确定为什么这似乎不适用于移动设备。