CSS (webkit): mutlak konumlandırılmış öğede üst ile alt arasında geçersiz kılma


83

Bazı eklenti CSS'lerini geçersiz kılma konusunda sorun yaşıyorum. Bu CSS'yi doğrudan düzenlemek, eklentinin güncellenmesini daha riskli hale getireceği için gerçekten bir seçenek değildir.

Sorun: Bir eleman mutlak konumlandırmaya ve orijinalde top: 0px'e sahiptir. Alttan geçersiz kılmak istiyorum: 0px.

Örnek uğruna

    .element {position:absolute; top:0;}

    /* in another file */
    .my .element {bottom:0;}

Firefox'ta bu iyi çalışıyor (altta: 0 uygulanan stil), ancak safari / chrome zirveyi aşmış görünmüyor: 0.

Bu sorunu aşabilirim, ancak temiz bir çözüm bulmak güzel olurdu.


Alt kısım webkit durumunda da uygulandı ve alt tanım daha spesifikti. ! önemli sadece "daha spesifik" hale getirir. Sorun şuydu, ilk önce en iyi hesaplanıyor gibi görünüyor, bu yüzden onu sıfırlamak için bir yola ihtiyacım vardı.
Marcus

Yanıtlar:


197

Başlangıç ​​değerinetop: auto "sıfırlamak" topiçin kullanın .

bottomBir tamamen ayrı özellik olduğunu top( Bir elemanın hem bir olabilir topvebottom böylece belki de gerek kalmayacak,) bottomartık.

Ayrıca, geçersiz kılma seçicinizin yeterince spesifik olduğundan emin olun , ancak bu durumda sorun bu gibi görünmüyor.


5
top: aradığım şey otomatikti. Site noktası CSS referansı vb. Dokümantasyonu kontrol etmeyi denedim, ancak bulamadım. Üstte denendi: yok (rastgele: D). Teşekkürler.
Marcus

Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.