HTML5 iFrame Sorunsuz Özniteliği

SORU

26 Ocak 2011, ÇARŞAMBA

HTML5 iFrame Sorunsuz Özniteliği

HTML5 iframe 'sorunsuz' bir kenarlık ve kaydırma çubukları kaldırmak gerekir. gibi yeni özelliklere sahiptir Denedim ama çalışmak için görünmüyor ettim, hala kaydırma çubukları ve sınırları (tarayıcı olarak Google Chrome kullanıyorum) bakın, Burada benim kod:

<iframe seamless="seamless" title="google" width="600" height="300" src="http://www.google.co.uk"></iframe>

Çalışmıyor neden herhangi bir fikir?

Bir soru daha, iframe içindeki sayfanın belirli bir bölümü hedef mümkün mü?

CEVAP

12 NİSAN 2011, Salı

Öznitelik şu anda taslak modunda. Bu nedenle, güncel tarayıcılar hiçbiri henüz uygulamaya değişebilir gibi () destekliyor. Bu arada, daha iyi

iframe[seamless]{
    background-color: transparent;
    border: 0px none transparent;
    padding: 0px;
    overflow: hidden;
}

Dahası var sorunsuz öznitelik daha ne eklenebilir ile CSS: parçanın arkasındaki mantık özniteliği oldu izin iç içe içerik ta aynı stilleri uygulanan iframe (oyunculuk sanki gömülü belge çok büyük bir iç içe geçmiş iç unsuru, örneğin).

Son olarak, Internet Explorer (8 ve öncesi) sürümleri sınırları, kaydırma çubukları ve arka plan rengini kaldırmak için ek özellikleri gerektirir:

<iframe frameborder="0" allowtransparency="true" scrolling="no" src="..."></iframe>

Doğal olarak, bunu doğrulamak için yeterli değildir. Bununla nasıl başa çıkacağımı sana kalmış. (Seçici) yaklaşımımı Aracısı dizesi sniff olacak ve IE sürümleri için öznitelikleri daha önce 9 daha ekleyin.

Bu yardımcı olur umarım. :)

Bunu Paylaş: