[Help] Form hiện lên bằng jquery bị trong suốt

[08520472]

Mình có 1 trang html, 1 button và 1 đoạn <div> có css: display: none;
Khi click vào button. đoạn <div> hiện ra, 1 lớp mờ phủ phần còn lại trang web với opacity (độ trong suốt) là 60%. <div> được appendTo vào thành phần phủ mờ đó, nên đó cũng mờ theo. Mình không biết khắc phục thế nào. Mong mấy bạn giúp.

Đoạn jquery:

        function showMe() {
            $('body').append('<div id="lightBox"></div>');
            $('#lightBox').css({'display':'block', 'opacity':'0'}).animate({'opacity':'0.6'}, 200);
            $('#popup_branch').appendTo("#lightBox").show();             
        }

file html đính kèm bên dưới. Có cả css và js hoàn chỉnh trong 1 file duy nhất. Và mình bị vấn đề như hình đính kèm :cry:
popup.JPG
testpop.rar

[08520472]

Mình đã tìm được hướng giải quyết.
Cho 2 đối tượng (form của mình và lớp phủ mờ) position: fixed;
Rồi set giá trị z-index là 1 số tùy ý, thằng nào có z-index lớn hơn sẽ nằm trên (ở đây form sẽ có z-index lớn hơn z-index của lớp phủ mờ).