在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中重复渐变图像上添加图像

回答

相关问题