2012-07-11 26 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> 

這不正是我想要做的,但它不,當我環繞調用PHP這樣的透明DIV工作...

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

,使這個有點棘手的是,PHP的調用返回的圖像,並使其可點擊某一鏈接(基於圖像),並且需要維護,而我的事實的部分將水印圖像置於頂部。

我不是一個程序員,但可以修改代碼體面,所以我會很感激一些幫助或被指出正確的方向。

謝謝!

+0

所以......問題是透明覆蓋圖像禁用底層PHP拉取圖像上的可點擊鏈接,對嗎? – 2012-07-11 02:35:59

+0

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

+0

當我圍繞我的PHP調用包裝該代碼時,它不起作用。我正在尋找任何能夠滿足我需要的東西,這段代碼就是這個想法的一個簡單例子。 – NickAshton 2012-07-11 02:40:53

回答

0

我已經用代碼實現了你想要的JS小提琴。但它需要DIV才能正常工作。

http://jsfiddle.net/6uPTa/

如果你能澄清你的代碼從上面的有什麼不同,我可以編輯這個答案,並提供更改。

編輯:字母A是潛在的,「寵物產品在這裏」是水印。

+0

我嘗試應用它,但它沒有返回php調用的圖像,並且它將覆蓋圖像顯示爲即使圖像的URL是正確的,也會「破碎」。 我該如何向您發送一封包含我正在處理的頁面的鏈接的私人郵件以及指向它的txt版本的鏈接,以便您可以查看源代碼? – NickAshton 2012-07-11 03:10:16

+0

在StackOverflow上,我不認爲有一個PM功能。您可以通過我的電子郵件與我聯繫,我會盡力幫忙:) [email protected] – 2012-07-11 04:54:32

+0

非常感謝您,我只是從nickvancouver @ gmail發郵件給您,希望您能幫我解決這個問題! – NickAshton 2012-07-11 05:11:07