Làm cách nào để thiết lập chỉ mục z của hàng trong bảng?

Question

Có lẽ những gì tôi đang cố gắng thực hiện là không khả thi nhưng ý tưởng chung là khi một người nhấp vào một hàng trong bảng, trang sẽ mờ đi (giống như một phương thức) nhưng để hàng đó có thể nhìn thấy để chỉnh sửa. Tôi đã thử thiết lập chỉ mục z của chính hàng bảng nhưng nó không hoạt động. Nó sẽ hoạt động nếu tôi đặt thuộc tính vị trí của hàng bảng thành absolute nhưng điều đó dường như xóa hàng của bảng khỏi bảng hoàn toàn.

Answer 1

tôi chỉ có thể nghĩ đến giải pháp phức tạp hơn như thế này:

1. Bạn sẽ cần 3 divs màu xám trong suốt thay vì 1. Sử dụng đầu tiên bằng cách kích lên toàn bộ trang. Đặt chỉ mục z của toàn bộ bảng để đưa nó lên trên div đó. Sử dụng div thứ hai để tô xám mọi thứ phía trên hàng của bạn và thứ ba chuyển sang màu xám tất cả mọi thứ bên dưới hàng của bạn, chỉ để lại hàng của bạn không được tô màu xám.
2. Xám toàn bộ trang. Tạo một bảng trùng lặp với một hàng duy nhất mà bạn di chuột lên trên bảng gốc. Khi bạn chỉnh sửa bảng mới này, hãy đồng bộ hóa các giá trị đó với bảng bên dưới.

Answer 2

Nếu bạn đang sử dụng jQuery, hãy thử này:

$("<get the tr>").css("z-index", <value>); 

Answer 3

tôi không nghĩ rằng bạn sẽ có thể đạt được hiệu quả mong muốn của bạn với z-index. sử dụng các lớp phủ div để che dấu mọi thứ xung quanh hàng của bảng có vẻ giống như một cách tiếp cận khả thi hơn.

Answer 4

tôi đã thực hiện thành công này chỉ là bây giờ sử dụng

div.milk { position:absolute; z-index:2; width:100%; height:100%; opacity:.5; } 
tr.raised { position:relative; z-index:3; } 

như vậy, trong ngắn hạn, position: relative dường như làm việc?

Tôi phải thừa nhận, tôi đến đây vì tôi vẫn còn một số vấn đề lạ. nhưng nhìn chung nó có vẻ hoạt động?

* -pike