Zurb's Foundation 3'ü IE7 ile Çalışmak

Zurb's Foundation 3 Framework'ün IE7 ile çalışması için bir çözüm önerilmiştir. Mutlaka karmaşık bir destek değil, kesinlikle ızgara desteği. Burada bu çoğaltmak denedim http://www.stormconsultancy.co.uk/blog/development/code-snippets/making-zurb-foundation-3-work-on-ie7/Zurb's Foundation 3'ü IE7 ile Çalışmak

toplam:

Çözüm sunulmuştur http://sausag.es/foundation/grid.html

benim foundation.min.css içinde htc dosyaya bağlantı ekledik

referans, HTML'ye değil, CSS'ye göredir.

htc dosyası hakkında htaccess'e bir satır ekledim.

Yine de IE7'de olduğu gibi IE7'de gösterilecek ızgarayı alamıyorum. Nerede yanlış gidiyorum?

kaynak

2012-10-08 user1729819

your stylesheet aşağıdaki satırı:

http://sausag.es/stylesheets/box-sizing.htc

bir 404. Sen hattı değiştirerek çözeriz diye döndürür::

*behavior: url(/foundation/stylesheets/box-sizing.htc);

*behavior: url(/stylesheets/box-sizing.htc);

aşağıdaki adrese çevirir

veya box-sizing.htc dosyasını bir klasöre taşıyarak.

kaynak

2012-10-08 20:10:55 ACJ

Face. Avuç içi. Teşekkürler ACJ. Ağaçları ağaçtan göremedim. – user1729819

başka bir çözüm koşullu yorumlarla ie7 algılayabilir ve sonra böyle sütunlar için bir css düzeltme uygulamak olacaktır:

.ie7 .columns{ 
    margin-right: -15px ; 
    margin-left: -15px ; 
    display:-moz-inline-stack; 
    display:inline-block; 
    zoom:1; 
    *display:inline; 
}

bu sütunlarda dolgu temizler ve ızgara düzeltir. aynı düzeni diğer div veya bölümlerde de yapabilirsiniz.

da, sen merkezli sütun ve bu gibi sütunlarda ofset-by düzeltmek gerekir:

.ie7 .row{ 
    clear: both; 
    text-align: center; 
} 

.ie7 .offset-by-three { 
    margin-left:25% !important; 
} 
.ie7 .offset-by-seven { 
    margin-left:58.33% !important ; 
}

ve tabii koşullu yorumlar:

<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ --> 
<!--[if IE 7]> <html class="ie7 oldie" lang="en"> <![endif]--> 
<!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]--> 
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->

kaynak

2012-12-23 22:24:13 alhoseany

Teşekkür ederim! Çok sayıda öğeye sahip olan oldukça sade bir sitem var ve boxsizing.htc performans aşağı yönde sürükleniyordu. Bu çok daha iyi performansa sahip, ancak burada ve burada bazı şeyleri düzeltmek gerekiyor. –

Zurb's Foundation 3'ü IE7 ile Çalışmak

cevap

İlgili konular