在Bootstrap的modal中使用select2出现不能显示下拉框问题解决办法

select2-container--open{
        z-index:9999999         
}

只要添加这个样式就能很好解决这个因z-index引起的问题。我在网上找了很久,都是对于select2-container 改变z-index,但是我在页面其他地方也有用到select2,这样修改会使得其他地方的select2页显示在modal之上,而对select2-container这个选择器加上权重之后就不起作用了,虽然z-index已经是比modal高,这个是为什么我还没找到原因。但是在--open中修改就很好解决了这个问题。附上stackoverflow上的地址。

stackoverflow:http://stackoverflow.com/questions/28781726/select2-select-in-bootstrap-modal

你可能感兴趣的:(web前端)