導航欄端蓋

Question

我真的很新的這個，所以請多多包涵。我編輯現有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> 

端蓋（菜單-L）是透明PNG文件，但它無法正常工作。我是用設置爲主頁背景顏色的透明部分JPG格式，但它是一個梯度，不看的權利。

如果有人能告訴我如何將這些瓶蓋上的兩端，我將不勝感激。

謝謝

Answer 1

而不是使用表，你應該使用div。隨着div元素，你就可以使用位置屬性，直接把圖像您想要的地方。

#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的寬度，所以你甚至不需要端蓋。

無論採用哪種方式，我都不會使用表格，並且會打破風格。