2009-10-27 13 views
17

position:fixed;'un IE'ye kadar IE tarafından desteklenmediğini biliyorum ve yalnızca STRICT DOCTYPE varsa IE 7'de çalışır."position: fixed" css, IEITION + da TRANSITIONAL doctype ile çalışmak için nasıl kullanılır?

Soruma soru: "Nasıl olur da IE 7 ile çalışmak için TRANSITIONAL DOCTYPE?"

Lütfen bu soruya cevap vermediğinden, bir DOCTYPE değiştirmeyi önermeyin, teşekkürler.

+0

Ailenizle daha az vakit geçirebilirsiniz - IE sayesinde. – user3383675

cevap

23

fixed desteği için Sıkı DOCTYPE'ye ihtiyacınız yoktur. Sadece Standards Mode (veya neredeyse 'standartlar') tetikleyen bir DOCTYPE'ye ihtiyacınız var.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 

veya XHTML: Bu gibi bir geçiş Doctype olabilir

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

sürece sistem numarası (ucunda URI) olarak dahil edilir. Sayfalarınız gerçekten Süslemeler Modunda (ugh!) dayanarak ise

, üzgünüm ama fixed kullanamaz ve JavaScript kesmek başvurmak zorunda olacak (ama sonra yine IE6 için olanlar gerekebilir).

+1

html5 'neredeyse standart' modunu tetikliyor mu? '' –

+9

@Jonny: HTML5 '', tam Standart Modunu tetikler. – bobince

10

Geçiş/Sıkı Dokümanlar türünde bile sabit konum benim için çalışmaz. Ancak IE9'u uyumluluk modunda kullanıyorum ve IE8 çalışma zamanı kitaplıkları kullanılarak oluşturulduğunu varsayalım. Bu sorunu düzeltmek için aşağıdaki CSS öğesini öğeye eklemeliydim.

.elementToBeFixed { 
    position: fixed; 
    top: 0; 
    left: 0; 
} 

O Üst veya Sol bunu IE berbat Söylemeye gerek yok IE tüm sürümlerinde .... çalışmak için açıkça (veya istediğiniz değeri) sıfır olarak bunları belirlemek zorunda eksik olma ile çalışmaz.

+0

çekicilik gibi çalıştı! Teşekkürler! – marsalal1014

+0

Sadece FYI: IE9'da bile uyumluluk modu, * quirks modunda * IE7 rendering motorunu kullanır. IE8 gibi bir şey yapmıyor. –

+0

@Chris, Son zamanlarda, IE7 kullanıcı aracısını bile gönderdiğinin farkına vardım ... Teşekkürler –

İlgili konular