2010-09-07 14 views
5

Belki de yapmaya çalıştığım şey uygun değil ama genel fikir şudur: Bir kişi bir tablo satırını tıklattığında sayfa kararır (bir model gibi) ancak bu satır düzenleme için görünür olur. Tablo satırının z-dizini ayarlamayı denedim ama işe yaramadı. Tablo satırları konum özniteliğini absolute olarak ayarlıyorum, ancak tablo satırını tablodan tamamen kaldırır gibi çalışır.Tablo sırasının z dizinini nasıl belirlerim?

+0

Ben cevabı yok - ancak bunun yerine satır, satır içinde tüm hücrelerin endeksi ayarı denediniz mi? – xcut

+0

evet, aynı zamanda işe yaramadı. –

cevap

3

Sadece bunlar gibi daha karmaşık çözümlere düşünebilirsiniz:

  1. Sen bütün sayfayı gri 3 şeffaf gri div'leri yerine 1. Kullanım birinci gerekir. Bu tablonun üstüne getirmek için tablonun z-endeksini ayarlayın. Satırınızın üstündeki her şeyi gri hale getirmek için 2. divayı, üçüncü satırın da sıranızın altını griye çekerek satırınızın gri renkte kalmasını sağlayın.
  2. Tüm sayfayı boşaltın. Orijinal tablonun üzerine geldiğiniz tek bir satırda bir yinelenen tablo oluşturun. Bu yeni tabloyu düzenlediğinizde, bu değerleri temel tabloyla senkronize edin.
2

jQuery kullanıyorsanız, şunu deneyin:

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

Tüm sorumu okudun mu yoksa sadece başlığı mı cevapladın? –

+0

Başlığı okudum ve tüm soruya sadece ümit verici bir bakış attı. Ancak bu sadece başlık, neyin gerekli olduğu konusunda çok spesifik olduğu için. –

+0

Karartma için bir öneri olarak, kalıcı bir iletişim kutusu oluşturmak ve satır verileriyle doldurmak mümkün mü? Bu daha temiz ve daha "mümkün" olurdu. –

0

i z-index ile istenen etkiyi başarmak mümkün olacak sanmıyorum. Tablo satırındaki her şeyi maskelemek için yer paylaşımı div'leri kullanmak daha uygulanabilir bir yaklaşım gibi görünüyor.

1

başarıyla şimdi kısa, pozisyonda, yani

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

kullanarak yaptık: göreli iş gibi görünüyor?

Ben hala bazı garip sorunlar var çünkü buraya geldi, itiraf etmeliyim. ama genel olarak çalışıyor gibi görünüyor?

* -pike

+0

Çapraz tarayıcı uyumluluğu için, z dizini ve sıradaki her TD'ye göreli konumlandırmayı uygulayan benzer bir çözüm buldum. Aksi halde, yalnız TR'in sadece Firefox'ta çalıştığını gördüm. TD yöntemi Chrome, Firefox ve IE'de çalışırken. – Mark

İlgili konular