Html Resmi görüntünün resmi

Question

Başkalarının görebildiği bir görüntüyü Z-index veya Z-order kullanmadan nasıl ekleyebilirim?

Answer 1

Tam olarak neyi başarmak istediğinizi tam olarak bilmeden cevaplamak zordur, z-endeksi muhtemelen gerçekten ihtiyacınız olan şey değildir. Örneğin şu çalışacak:

<div id="container"> 
    <img src="img1.jpg" id="img1" /> 
    <img src="img2.jpg" id="img2" /> 
</div> 

#container { 
    position:relative; 
} 

#img2 { 
    position: absolute; 
    left: 50px; 
    top: 50px; 
} 

Eğer <img> etiketlerini kullanın veya background-images semantik, valueOf görüntüleri bağlıdır, yani onlar sayfanın presentational ya aslında içeriktir Ayrıca olmadığını?

Answer 2

background-image mülkiyet kolay yolu onlar konum emin olmaktır

Answer 3

ile CSS ana resmin arka plan resmini ayarlama ikisi de aynı boyutta, tek şeffaflık vardır ve bu pasajı kullanın:

<img style="background:url(image.jpg)" src="overlay_image.gif" alt="" /> 

Answer 4

Ayrıca aşağıdaki kodu kullanarak görüntü üzerinde metin kullanabilirsiniz: yardımcı

<TABLE BORDER="0" cellpadding="0" CELLSPACING="0"> 
    <TR> 
    <TD WIDTH="221" HEIGHT="300" BACKGROUND="samplepic.jpg" VALIGN="bottom"> 
     <FONT SIZE="+1" COLOR="yellow">Sample Text</FONT> 
    </TD 
    </TR> 
</TABLE> 

Umut.