Làm thế nào để có được thiết kế mockup như một lớp phủ để phát triển nhanh hơn mà không cần sử dụng plugin hoàn hảo của Firefox?

Question

Đây là FF Plugin

http://www.pixelperfectplugin.com/

Pixel Perfect là một phần mở rộng của Firefox/Firebug cho phép các nhà phát triển web và thiết kế để dễ dàng che phủ một phần web trên đầu trang của HTML phát triển.

Read more: http://pixelperfectplugin.com/how-to-use/walkthrough/#ixzz0eOfezx1N

Làm thế nào để có được hình ảnh mockup đằng sau tất cả div như plugin này không.? công cụ này chỉ hiển thị thiết kế đằng sau bố cục chỉ trên firefox và tôi muốn xem trên tất cả trình duyệt.

Answer 1

Tôi tìm thấy cách đây

http://aloestudios.com/2008/08/pixel-precision-with-diagnostic-css/

Answer 2

Vâng, nếu bạn muốn nó sau đó chỉ cần đặt nó vào hình nền của cơ thể hoặc html sẽ làm việc. Nếu họ cần phải được theo kiểu với bgimages hoặc màu sắc như là một phần của thiết kế sau đó tôi giả sử bạn có thể ném một div trong dom với vị trí tuyệt đối và thiết lập z-index 0 hoặc -1 tùy thuộc. NẾU bạn muốn nó phủ lên mái vòm thì bạn có thể làm điều tương tự chỉ bằng cách sử dụng chỉ số z cực cao và sau đó thiết lập độ mờ đục. Điều đó sẽ ảnh hưởng đến việc kiểm tra điểm trực tiếp và nhấp chuột trên bố cục mà tôi nghĩ nhưng bạn vẫn có thể truy cập vào các phần tử tạo thành ngăn html.

Rõ ràng không có phương pháp nào ngắn phát triển trong js thuần túy bằng cách nào đó sẽ cung cấp cho bạn các tính năng của plugin trình duyệt.