2011-01-26 18 views
5

Tüm vücudu bir arka plan yapmaya çalışıyorum (yalnızca genişlik). Bu sadece Chrome, Opera ve Firefox'ta çalışır. Bu çalışmayı da IE üzerinde nasıl yapabilirim?IE arka plan boyutu çalışmıyor

background-size:100%; 
-moz-background-size: auto 100%; 
-o-background-size: auto 100%; 
+1

IE9'da çalışıyor musunuz? Else .. bu CSS3 işaretlemesi. Yani yapamazsın. – Marnix

cevap

3

background-size CSS3 özgü senin olacak çünkü

bir ile tam ekran haline istediğiniz görüntüyü kaydırmak

html {overflow-y:hidden} 
body {overflow-y:auto} 

için html ve beden set IE çalışmak bunun için böyle bir şey kullanmak zorunda div # sayfa arka plan

#page-background {position:absolute; z-index:-1} 

ardından html dosyasında bu koyun

<div id="page-background"> 
    <img src="/path/to/your/image" width="100%" height="100%"> 
</div> 

** Eğer ben jquery.backgroundSize.js yarattığı bu

html, body {height:100%; margin:0; padding:0;} 
+0

Evet, bunu zaten okudum. Sadece bir css çözümü olduğunu düşündüm: D. Herkese teşekkürler – Cristy

0

arka plan boyutlu versiyonları under 9 için IE'de desteklenmez O_o. Bir çapraz tarayıcı çözümü, fullscreenr gibi bir jquery eklentisi kullanmaktır.

+0

Tamam, sonra bunu IE8 kullanıcıları yoksayıcam :)): D – Cristy

4

gibi marjları ve padding, bir şeyler çıkarmak için reset çeşit kullanmak zorunda olacak: bir IE8 yedek olarak kullanılabilecek bir 1.5K jquery eklentisi "kapak" ve "içerme" değerleri. demo'a bir göz atın.

+0

Merhaba Louis, kodunuzu kullanmayı denedim, ancak IE 8 tarayıcısının alt kısmında açıklanamaz alan var. İnceleme elemanı konsolunu açıp kapattığımda, tam ekranı tam olarak görüntüler. Ancak sayfa yüklendiğinde, tam ekran değil, altta biraz boşluk var. Ayrıca, sayfa yüklendiğinde görüntünün üst kısmının kesildiğini, örneğin görüntünün alt 9/10'unu ve üstteki 1/10'un görüntülenmediğini fark ettim. İnceleme elemanı konsolunu değiştirdikten sonra, görüntünün 10/10 değerini gösterir. Bunu düzeltmenin bir yolu var mı? Umarım ne dediğimi anlıyorsundur. – Dr3am3rz