IE8'deki Önyükleme Bir stil nasıl çalışır?

Question

IE8'de Bootstrap çalışması yapmak istiyorsam, Respond.js'u kullanmam gerektiğini öğrendim. Bir kez dahil, bir şey hariç, her şey iyi görünüyor. HTML5 öğeleri stili ayarlamayacak gibi görünüyor (hatta yerel html dosyasında IE11 geliştirici aracını kullanarak IEX'de (IE8'de öykünme aracı) geliştirirken satır içi kodla düzenleme yaparken, ancak Bootstrap example'da aynı işi yaptığımda işe yaramış gibi görünüyor. mükemmel bir şekilde olsa da). (Tarayıcı içinde düzenlerken) örneği sayfa içinde

<footer>...</footer> 

için

<footer style="BACKGROUND-COLOR: tomato">...</footer> 

eser, ama benim yerel dosyayı açtığınızda çalışmak ve yapmaz:

HTML değiştirme aynı şey.

Neden HTML0 öğelerinde the example sayfasında ancak yerel dosyamda olmayan bir altbilgiye stil ekleyebilirim? Bazı dosya eksik mi yoksa farklı bir şey mi yapmam gerekiyor? <footer> şekillendirme çalışmamı nasıl yapabilirim? Ben yapacağını

Bir öneri bir sınıf .footer ile sadece <div> eleman bunu yapıyor ama bu Bootstrap örnek dahilinde benziyor yol değildir, bu nedenle bu sorunun I düzeltmek için doğru yol olup olmadığını bilmiyorum yaşıyorum.

Answer 1

HTML5, sayfalarınıza semantik anlam eklemek için bir sürü yeni öğeye sahiptir. Örneğin, nav bir gezinme menüsünü belirtir.

IE8 bunlarla ilgili hiçbir şey bilmiyor olduğundan, CSS aracılığıyla bunlara uygulanan stilleri tanımayacaktır.

<!--[if lt IE 9]> 
    <script> 
     document.createElement('header'); 
     document.createElement('nav'); 
     document.createElement('section'); 
     document.createElement('article'); 
     document.createElement('aside'); 
     document.createElement('footer'); 
    </script> 
<![endif]--> 

Açıkçası varlığı her HTML5 öğesini, gerçekten kullandığınız sadece olanları tanımlamak gerekmez: Neyse ki, basitçe sayfanın DOM eksik unsurları ekleyerek bunu düzeltmek için kolay bir yolu yoktur. Bu arada, bu kod, Microsoft tarafından, tarayıcı sürümlerindeki farklılıkların özellikle desteklenmesi için getirilen bir özellik olan conditional comment s kullanıyor.

Dikkat edilmesi gereken diğer önemli bir nokta, HTML5 öğelerinin varsayılan olarak block olarak görüntülendikleridir, ancak IE8 bunu da bilmiyor. belirli öğeleri stil zaman ya display: block; belirleyebildiğinde Bu sorunu hafifletmek veya CSS'nizde toptan yapmak için: (this one benzeri) bir HTML5 farkında sıfırlama stil kullanıyorsanız, bu muhtemelen önceden alınmış olduğunu

header, nav, section, article, aside, footer { 
    display:block; 
} 

Not

senin için bakım. js kullanmak

---

Diğer bir yol

html5shiv ve Modernizr polyfill komut şeklinde alternatif çözüm vardır liberaries. Eski IE sürümlerine HTML5 etiketleri desteği eklemek için bu kitaplıklardan birini kullanın.