在PHP中重複漸變圖像上添加圖像

我環顧四周，但沒有發現我遇到的東西似乎正在爲我想實現的目標而工作。在PHP中重複漸變圖像上添加圖像

我有框，我正在使用漸變/背景。盒子詢問用戶他是否想爲朋友購買產品，所以我想在那裏添加禮物照片。問題是禮物照片出現在其他圖像的背面，我無法找到修復它的方法。

順便說一句我正在使用WP的主題。

這裏是我的代碼：

PHP

<div class="gift boxed3"> 
        <span class="gift_title"> 
          <?php gb_e('Buy for friend') ?> 
        </span> 
       </div>

CSS

.gift{ 
font-size: 0.6em; 
font-family: Arial; 
float:left; 
} 


.gift_title { 
color: #666666; 
font-size: 15px; 
font-family: arial; 
font-weight: bold; 
margin-left: 10px; 
margin-top: 10px; 
line-height: 66px; 
} 

.boxed3 { 
width: 297px; 
height:65px; 
background-color: #f9f9f9; 
margin-top: 15px; 
border-radius: 5px; 
-moz-border-radius: 5px; 
background-image: url(http://domain.gr/example/gradient.png); 
background-repeat: repeat-x; 
background-position: center bottom; 
border-bottom: 1px solid #CCC; 
border-bottom: 1px solid rgba(0, 0, 0, .1); 
box-shadow: 0 1px 1px #7D7D7D; 
}

來源

2012-12-03 kat_indo

由於沒有一次能看到什麼「gb_e（'賣的朋友）」輸出，我不認爲任何人都可以提供幫助。 –

感謝您的答覆Diodeus。它沒有任何功能，只是框中顯示的文本。我不太熟悉PHP，所以我希望能回答你的問題。 –

萬一該職位可以幫助別人的未來。這就是我設法解決我所面臨的問題的方法。

注意：我正在使用WordPress。

<div class="gift boxed3"> 
        <span class="gift_image"> 
          <img src="http://topgreekgyms.fitnessforum.gr/wp-content/uploads/2012/12/gift.png";?> 
        </span> 

        <span class="gift_title"> 
          <a href="<?php gb_add_to_cart_url(); ?>" class=""><?php gb_e('Buy for friend') ?></a> 
         </span> 
       </div>

CSS

.gift{ 
    font-size: 0.6em; 
    font-family: Arial; 
    float:left; 
    } 

    .gift_title { 
    color: #666; 
    font-size: 15px; 
    font-family: arial; 
    font-weight: bold; 
    margin-left: 3px; 
    margin-top: 10px; 
    line-height: 66px; 
    } 

    .gift_image { 
    float: left; 
    margin: 16px 9px; 
    } 

    .boxed3 { 
    width: 297px; 
    height:65px; 
    background-color: #f9f9f9; 
    margin-top: 15px; 
    border-radius: 5px; 
    -moz-border-radius: 5px; 
    background-image: url(http://topgreekgyms.fitnessforum.gr/wp-content/themes/blank-child-theme/img/gradient.png); 
    background-repeat: repeat-x; 
    background-position: center bottom; 
    border-bottom: 1px solid #CCC; 
    border-bottom: 1px solid rgba(0, 0, 0, .1); 
    box-shadow: 0 1px 1px #7D7D7D; 
    }

來源

2012-12-11 17:02:53

在PHP中重複漸變圖像上添加圖像

回答

相關問題