Tech Life

Ilustrační obrázek

Inline obrázky v HTML

26. 06. 2008 00:00    kategorie: Tech Life    autor: JCh    komentářů: 0

Dnes jsem se setkal s jakýmsi "embedováním" zdrojových dat obrázků přímo do HTML textu. Namísto odkazu na obrázek se do tagu vloží base64 reprezentace jejich obsahu. Touto cestou je možné mít jeden jediný HTML nebo CSS soubor, i s vloženými obrázky.
 

Ukázka HTML

embedded folder icon;

Ukázka CSS:

div {
background:url(data:image/gif;base64,R0lGODlhEAAOALMAAOazToeHh0tLS/7LZv/0jvb29t/f3//Ub//ge8WSLf/rhf/3kdbW1mxsbP//mf///yH5BAAAAAAALAAAAAAQAA4AAARe8L1Ekyky67QZ1hLnjM5UUde0ECwLJoExK ppV0aCcGCmTIHEIUEqjgaORCMxIC6e0CcguWw6aFjsVMkkIr7g77ZKPJjPZqIyd7sJAgVGoEGv2xsBxqNgYPj/gAwXEQA7)
}

Testy:

  • funguje v: FireFox 3, Opera 9
  • nefunguje v: Internet Explorer 6 a 7

Další zdroje:

Sdílet odkaz:
tisk

Diskuze k článku

K článku nebyl zatím přidán komentář.

Přidat příspěvek

 

Kontakt pro média


Máte zájem o další informace, odborný článek či přednášku na konferenci? Kontaktujte nás prosím na pr@etnetera.cz.

RSS - Tech life


RSS kanál Tech Life Blogu

Offlineblog

Offlineblog

Ljama


Komix z prostředí imaginární firmy.

ljama

Ještě jste ho nečetli? Tak tudy ...

 
Doporučujeme: Nabídka práce, volná pracovní místa - pracovní portál SPRÁVNÝKROK.CZ