Vì vậy, tôi đang sử dụng Twitter Bootstrap và tôi có một phương thức trượt xuống khi người dùng nhấp vào nút "Đăng ký".Twitter Bootstrap - tại sao phương thức của tôi bị mờ đi làm nền?
Vấn đề duy nhất là trang nền không chỉ mờ đi, mà là một hiệu ứng đẹp, nhưng phương thức cũng bị mờ đi. Làm thế nào tôi có thể nhận được nó để các phương thức là độ sáng bình thường trong khi nền là nhạt dần?
Tôi tạo ra một JSFiddle để chứng minh vấn đề của tôi ở đây: http://jsfiddle.net/jononomo/7z8RZ/7/
Đoạn mã sau tạo một phương thức mờ:
<div class="navbar navbar-fixed-top">
<a href="#registration_modal" data-toggle="modal">
Register
</a>
<div id="registration_modal" class="modal hide fade">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h3 id="myModalLabel">Register An Account</h3>
</div>
<div class="modal-body">
Registration form goes here.
</div>
<div class="modal-footer">
<button class="btn btn-secondary" data-dismiss="modal">Cancel</button>
<button class="btn btn-primary">Register</button>
</div>
</div>
</div>
Note: nếu tôi loại bỏ các div bên ngoài, sau đó tất cả mọi thứ hoạt động tốt. Vì vậy, vấn đề là các mã cho phương thức nằm trong các dòng sau:
<div class="navbar navbar-fixed-top">
</div>
Dĩ nhiên tôi không muốn loại bỏ div rằng, kể từ khi tôi muốn nút liên kết mà ra mắt phương thức được trong navbar được cố định ở phía trên cùng của màn hình.
Chỉnh sửa: Tôi đã thu hẹp nó xuống thực tế là div bên ngoài là của lớp navbar-fixed-top
. Khi tôi xóa thẻ đó, mọi thứ hoạt động như mong đợi - bạn có thể thấy nó hoạt động chính xác tại đây: http://jsfiddle.net/jononomo/7z8RZ/8/ Tất nhiên, tôi muốn thanh điều hướng được cố định ở trên cùng, vì vậy điều này không giải quyết được sự cố của tôi.
Tại sao bạn nên downvote? – BZink
Ví dụ JSFiddle của tôi không hoạt động trước khi tôi chỉnh sửa, vì vậy tôi đã bị bỏ phiếu. – jononomo
@JonCrowell Nhìn vào bản cập nhật này cho câu đố của bạn: http://jsfiddle.net/7z8RZ/10/ – Kyle