ability to manually control overlay's z-index

This would be handy for both user created overlays, as well as those used by angular components such as md-menu.

Take this for example http://plnkr.co/edit/AqjYdsScCYPlK9w44aHQ?p=preview you have a fixed element(some sort custom toolbar), inside it you have a button which triggers md-menu, it works fine, but the `md-menu-click-catcher`, which is for some reason inside the actual `md-menu` element, is actually stacked above `md-overlay-container`, causing any attempt to click on the menu items to close the menu(which can be extremely confusing).
1. `md-overlay-container` should _not_ have z-index at all, as it renders z-indexes of `md-overlay-pane` useless
2. you should be able to manually control z-index of `md-overlay-pane`

I imagine(at least for the user invoked overlay), it could work either by being able to give the overlay my own identificator(class at least), or being able to set it via `OverlayState` settings.. the former is preferable, as you can then easily switch z-indexes with media queries.

Bắt đầu bằng cách xác định phần triển khai overlay và các phần tử có tên md-overlay-container, md-overlay-pane, md-menu-click-catcher và OverlayState. Tái hiện vấn đề stacking md-menu được liên kết, sau đó xác định cách thức kiểm soát thủ công z-index của pane và việc loại bỏ z-index của container nên hoạt động như thế nào mà không làm hỏng các overlay do người dùng tạo hoặc các overlay của component Angular.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.