SORU
1 Temmuz 2011, Cuma


7 ekran anlamıyor: ınline-block

Biri bana bu hata, başımı alıp yardım edebilir misiniz? Onun güzel çalışıyor ama Firefox Internet Explorer 7 ile birlikte. display: inline-block; anlamak için değil gibi görünüyor.

html:

<div class="frame-header">
    <h2>...</h2>
</div>

css:

.frame-header {
    height:25px;
    display:inline-block;   
}

CEVAP
1 Temmuz 2011, Cuma


7 display: inline-block; hack aşağıdaki gibidir:

display: inline-block;
*display: inline;
zoom: 1;

Varsayılan olarak 7 destekler doğal olarak inline-block inline elemanları (Quirksmode Compatibility Table) sadece, bu yüzden yalnızca bu hack diğer unsurlar.

zoom: 1 tetik hasLayout davranış ve kullandığımız star property hack ayar display inline sadece IE 7 ve daha düşük (daha yeni tarayıcılar olmaz geçerli). hasLayout inline birlikte temelde çok mutluyuz 7 inline-block davranışları tetikler.

Bu CSS doğrular ve stil bir IE 7-sadece conditional comments ile stil kullanarak iyi bir fikir olabilir bu yüzden zaten berbat.

<!–-[if IE 7]>
<link rel="stylesheet" href="ie7.css" type="text/css" />
<![endif]–->

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • 3biblecom

    3biblecom

    23 NİSAN 2011
  • GWTLecturer

    GWTLecturer

    18 EKİM 2012
  • MysteryGuitarMan

    MysteryGuita

    16 HAZİRAN 2006