使用CSS設計站點地圖樹

我有簡單的站點地圖樹，我想像樣例（http://www.csshook.com/cssexamples/how-to-design-css-sitemap-tree）中的樣式，問題是此示例需要使用相同的顏色作爲背景，但我的元素sitemap-container具有背景圖像。如何在該示例中設置網站地圖樹的樣式，以便我不必使用單一顏色背景？我不想爲此使用任何JavaScript，因爲這不是必需的。使用CSS設計站點地圖樹

<div class="sitemap-container"> 
    <ul> 
     <li>Page</li> 
     <li>Page</li> 
     <li>Page 
      <ul> 
       <li>Page</li> 
       <li>Page</li> 
       <li>Page</li> 
      </ul> 
     </li> 
    </ul> 
</div>

來源

2011-01-10 newbie

我不明白該示例中的樣式如何強制您使用任何背景色？確保您的圖像（「連接線」圖像）具有透明背景，並且您應該可以對容器元素的背景執行任何您想要的操作。 - 或者我以某種方式誤解了你？ – polarblau 2011-01-10 12:48:29

嘗試

ul.tree li:last-child { background: transparent url(lastnode.png) no-repeat; }

代替。那是你想要的嗎？

來源

2011-01-10 12:58:05 polarblau

另請注意，該特定樣式需要使用圖像來「繪製」樹的連接線。你必須確保你用透明背景重新創建這些圖像，以便列表項前面的樹鏈接也顯示你的背景。

來源

2011-01-10 13:59:18 Alain

使用CSS設計站點地圖樹

回答

相關問題