2

我对此真的很陌生，所以请多多包涵。我正在编辑现有的 3dCart 网站，但导航栏出现问题。

条形背景图像跨越 100%，因此我的端盖没有正确显示透明度。我在作弊，端盖上应该是透明的，与页面背景颜色相同，但它不正确，你可以看到它。

我想知道的是如何将端盖放置在端部而不是杆的“顶部”上，可以这么说。

<td><table width="100%" border="0" cellpadding="0" cellspacing="0" style="background: url(assets/templates/[template]/images/menu-bg.gif) repeat-x; color: #000; text-align: right">
            <tr>
              <td width="13"><img src="assets/templates/[template]/images/menu-l.png" width="13" height="48"></td>

端盖 (menu-l) 是一个具有透明度的 png 文件，但它不起作用。我使用的是 jpg，透明部分设置为主页背景颜色，但它是渐变色，看起来不正确。

如果有人能告诉我如何将这些帽子放在末端，我将不胜感激。

谢谢

4

1 回答 1

1

您可能应该使用 div，而不是使用表格。使用 div 元素，您可以使用 position 属性将图像直接放在您想要的位置。

#navcap1{position:absolute;left:XXpx;top:TTpx;}
#navcap2{position:absolute;right:ZZpx;top:TTpx;}

或者，更好的方法可能是为导航创建一个 div，然后在 div 内将端盖向左和向右浮动。

<div id=nav style="background:imagex; prop2:x; prop3:x;">
   <div id=capleft style="display:block; float:left;"></div>
   <div id=capright style="display:block; float:right;"></div>
</div>

或者，您可以只控制 div 的宽度，这样您甚至不需要端盖。

无论哪种方式，我都不会使用桌子，并且会打破这种风格。

于 2012-10-10T14:59:56.890 回答