jQuery ui の dialog を最前面にする(z-index)

この記事について

環境	jQuery UI、css
目的	dialogが他の要素の下に回り込んで見えなくなるのを防ぐ
結果	.ui-dialogのz-indexを!important付きで大きくして解決

jQuery ui の dialog が下に回り込んで見えなくなることがある。最前面にする方法は次のとおり。

css に設定する

.ui-dialog { z-index: 1000 !important ;}

z-index の値を大きくするほど前面に出る。