PHP 콘텐츠가 포함 된 투명한 이미지

Question

데이터베이스를 확인하고 특정 기준에 따라 이미지를 반환하는 코드가 있습니다. 이미지는 항상 반환되고 178x134 픽셀로 표시됩니다. 셀에 이미지가 이것이다 끌어 코드 ...

<td><?php printAcct(1); ?></td> 

나는 내가 같은 종류의 반환 된 이미지 위에 누워 싶은 왼쪽 상단 모서리에 아이콘이 투명한 이미지를 가지고 양수표. 나는 이것을하기위한 간단한 방법을 찾지 못했고, 내가 시도한 어려운 방법은, 내가 투명한/워터 마크 이미지를 위에 겹치기를 원하는 이미지가 PHP를 통해 끌어 오기 때문에 실패합니다. 나는이 같은 PHP를 호출 주위에 투명한 사업부를 포장 할 때 나는이 웹 사이트에 여기에이 코드를 발견

....

정확히 내가 원하는 것을 수행

<style> 

.solid { 
    background-image: url('image1.jpg'); 
    background-repeat: no-repeat; 
    width: 178px; 
    height: 134px; 
    z-index:1; 
} 

.transparent { 
    background-image: url('overlay.png'); 
    background-repeat: no-repeat; 
    width: 178px; 
    height: 134px; 
    z-index:1000; 
} 
</style> 


<div class="transparent">&nbsp;</div> 

, 그러나 그것은 작동하지 않습니다 ...

<td><div class="transparent"><?php printAcct(1); ?></div></td> 

이 조금 까다로운가 PHP 호출이 이미지를 반환하고 (이미지 기준) 특정 링크를 클릭하고 내가 동안 유지 될 필요하게 사실이다 만드는 부분 워터 마크 이미지를 위에 놓습니다.

저는 프로그래머는별로 없지만 코드를 잘 꾸밀 수 있습니다. 따라서 도움이되거나 올바른 방향으로 지적 해 주시면 감사하겠습니다.

감사합니다.

Answer 1

나는 당신이 원하는 것을 얻기 위해 코드로 JS-Fiddle을 만들었습니다. 그러나 제대로 작동하려면 DIV가 필요합니다. 당신은 당신의 코드는 위의 다른 점에 대해 명확히 할 수있는 경우

http://jsfiddle.net/6uPTa/

, 나는이 대답을 편집하고 변경 사항을 제공 할 수 있습니다.

편집 : 문자 A는 기본이며 "여기의 애완 동물 제품"은 워터 마크입니다.