3

我喜欢添加一个与 div 标签重叠的 div 标签，并在重叠的 div 标签上添加一个文本。这是代码。. 请帮忙。

.center_prod_box{
     border-radius: 15px;
     width:190px;
     height: 260px;
     float:left;
     text-align:center;
     padding:0px 0px 5px; 0; 
     margin:0px 5px 0px 0;
     border:1px #000000 solid;
}

 .product_title{
     background:#cdf895;
     border-radius: 15px;
     textalign:center;
     font-size:12px;
     margin: 7px 5px;
     font-weight:bold;
     color:#ffffff;
     padding:5px 5px 5px 15px;
  }

<div class="center_prod_box">
     <img src="images/offer2.png" style="position:absolute; margin-left:50px; margin-top:-10px;" alt="" border="0" width="60"  height="60" Title="Amul Butter" />
      <div class="offertext" style=" position:absolute; margin-left:0px;">Hello</div>   
          <a href="" Title="Amul Butter">Amul Butter</a>
      </div>
4

2 回答 2

10

为此，您可以使用position: absolute;重叠div. 并将任何文本添加到该 div。

那将是这样的：

<div style="position: relative;">
 <div style="position: absolute;">
  The text to be added, will be written here! :)
 </div>
</div>

您可以使用class或id设置它们的样式！在您的图像中，您也使用position: absolute;了图像标签。position: relative;如果要在该图像上放置文本，请使用其中一个。或者您可以使用z-index它们，将它们放在另一个上！

编辑：文本对齐是 IE7 中的一个错误：http: //haslayout.net/css/Text-Align-Bug

于 2013-09-11T16:36:31.257 回答
-1

您想将divwith 类offertext放在页面上的其他位置吗？此外，最好摆脱所有内联 css，最后</div>一个太多了。

于 2013-09-11T16:37:01.267 回答