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 回答