2012-07-11 4 views
0

У меня есть код, который проверяет базу данных и возвращает изображение на основе определенных критериев. Изображение всегда возвращается и отображается в формате 178x134px. Код, который тянет изображение в клетку это ...Прозрачное изображение над ячейкой с содержимым PHP

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

У меня есть прозрачное изображение со значком в левом верхнем углу, что я хотел бы лежать на верхней части возвращаемого изображения вроде как водяной знак. Я не могу найти простой способ сделать это, и сложные методы, которые я пробовал, терпят неудачу, потому что изображение, которое я хочу наложить на изображение прозрачного/водяного знака сверху, вытягивается через 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> 

Что делает именно то, что я хочу сделать, но он не работает, когда я оберните прозрачный DIV вокруг PHP вызова, как это ...

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

та часть, которая делает это немного сложнее является тем фактом, что вызов PHP возвращает изображение и делает его интерактивным к определенной линии связи (на основе изображения), и что необходимо поддерживать в то время как я поместите изображение водяного знака сверху.

Я не очень программист, но могу порядочно поработать с кодом, поэтому я бы очень признателен за помощь или за то, что вы указали в правильном направлении.

Спасибо!

+0

Итак, проблема заключается в том, что прозрачное оверлейное изображение отключает ссылку на ссылку, лежащую в основе созданного PHP-образа, верно? –

+0

http://911-need-code-help.blogspot.com/2008/11/watermark-your-images-with-another.html – mawburn

+0

Когда я переношу этот код вокруг своего php-вызова, он не работает. Я ищу все, что будет делать то, что мне нужно, этот код был простым примером идеи. – NickAshton

ответ

0

Я сделал JS-Fiddle с кодом для достижения того, чего вы хотите. Но для правильной работы DIV необходимы DIV.

http://jsfiddle.net/6uPTa/

Если вы можете уточнить, как ваш код отличается от выше, я могу изменить этот ответ и обеспечить изменения.

РЕДАКТИРОВАТЬ: Письмо A является основополагающим, а «домашними животными здесь» является водяной знак.

+0

Я пробовал применить это, но он не вернул php-образы, и он отобразил оверлейное изображение как «сломан», хотя URL-адрес изображения правильный. Как я могу отправить вам личное сообщение со ссылкой на страницу, над которой я работаю, и ссылку на ее версию txt, чтобы вы могли видеть источник? – NickAshton

+0

На StackOverflow я не думаю, что есть функция PM.Вы можете связаться со мной по электронной почте, и я постараюсь помочь :) ad[email protected] –

+0

Большое вам спасибо, я просто отправил вам по электронной почте от nickvancouver @ gmail, надеюсь, вы можете помочь мне решить эту проблему! – NickAshton

Смежные вопросы