nasıl metin ve resimler ile bir div var bir div

Question

bir minyatürünü yapmak ve ben sayfada farklı bir yerde bu div bir minyatür göstermek istiyorum için. Herhangi bir çözüm?

Düzenleme: Divanın küçük bir kopyasını istiyorum ve bu IE8 üzerinde çalışmalıdır, bu yüzden css3 iyi bir çözüm değildir.

Answer 1

Deneyebilirsin fazla uyumluluk vardır html2canvas ile. Bu komut, web sayfalarının veya bölümlerinin "ekran görüntülerini" almanıza olanak tanır.

IE8 Eğer FlashCanvas veya ExplorerCanvas ya içermesini gerektirmektedir.

piksel mükemmelliğinde bir sunum olmayabilir, ancak sizi yakınlaştırabilir.

Ekran görüntüsüne sahip olduğunuzda, ihtiyacınız olan boyutta tuvali (HTML5 kanvas, ExplorerCanvas veya FlashCanvas) küçültebilmeniz gerekir. Not: ölçeklenmemiş kenarda ve kenar yumuşatma sorunlarıyla karşılaşabilirsiniz. sürüm ... bu yüzden bazı ek çalışmalara ihtiyaç olabilir.

Answer 2

böyle bir şey deneyin:

$('#myDiv').clone().appendTo('body').css({'position':'absolute','left':'50px;','top':'300px','transform':'scale(0.5)'}) 
}); 

not: dedikleri gibi, kullanıcı ne tarayıcı altında kontrol ve satıcıya (Moz, ms, o webkit vb ..) eklemek gerekir Eğer suppo gerekirse

---

(firefox satıcı ile) http://jsfiddle.net/ZPMNz/11/ Ama: css özelliği onunla biraz oynayabilir

burada

dönüşümü rt ie8 için, div için bir sınıf ekleyebilir ve beyan farklı stilleri bunun için olabilir:

$('#myDiv').clone().appendTo('body').addClass('.thumb')}); 
    }); 

ve sonra

#myDiv { width:500px;} 
#myDiv h1{ font-size:20px;} 
#myDiv h2{} 
#myDiv p{} 

#myDiv.thumb { width:200px;} 
#myDiv.thumb h1{ font-size:10px;} 
#myDiv.thumb h2{} 
#myDiv.thumb p{} 

o fazla iş var ama